@charset "utf-8";
/* CSS Document */
.background-1 {
  background-image: url("img/bg01.jpg");
	
}
.background-2 {
  background-image: url("img/bg02.jpg");
}
.background-3 {
  background-image: url("../img/bg03.jpg");
}
.background-4 {
  background-image: url("../img/bg04.jpg");
	background-size: cover;
}
.background-5 {
  background-image: url("../img/bg05.jpg");
}
.background-6 {
  background-image: url("../img/bg06.jpg");
	  height: 100px;
	
}
.background-7 {
  background-image: url("../img/bg07.jpg");
	  height: 100px;
	
}

.timeline {
  position: relative;
  padding: 20px 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e9ecef;
  left: 50%;
  margin-left: -1px;
}
.timeline-item {
  position: relative;
  margin-bottom: 20px;
}
.timeline-item:before, .timeline-item:after {
  content: " ";
  display: table;
}
.timeline-item:after {
  clear: both;
}
.timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  padding: 0 20px 20px 30px;
}
.timeline-item .timeline-panel.right {
  float: right;
  padding: 0 30px 20px 20px;
  text-align: left;
}
.timeline-item .timeline-panel.left {
  text-align: right;
}
.timeline-item .timeline-panel:before {
  content: '';
  position: absolute;
  top: 20px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #f8f9fa;
  border-right: 0 solid #f8f9fa;
  border-bottom: 15px solid transparent;
}
.timeline-item .timeline-panel.right:before {
  left: -15px;
  right: auto;
  border-left: 0 solid #f8f9fa;
  border-right: 15px solid #f8f9fa;
}
.timeline-item .timeline-date {
  position: absolute;
  width: 100px;
  text-align: center;

  left: 50%;
  margin-left: -50px;
  background: #e9ecef;
  border-radius: 4px;
}
.timeline-item .timeline-image {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.timeline-item .timeline-image img {
  width: 100%;
  height: auto;
}