body {
	margin: 0;
}
.mobImage{
	display: none !important;
}
#timeline_container {
	position: relative;
	width: 100vw;
	height: 38.5vw;
	overflow: hidden;

}
#tl_background_container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #02215d;


}
#tl_background_container div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#bg1{
	background-image: url('s1.jpg');

}
#bg2{
	background-image: url('s2.jpg');
	background-position-y: 0 !important;

}
#bg3{
	background-image: url('s3.jpg');

}
#bg4{
	background-image: url('s4.jpg');

}
#bg5{
	background-image: url('s5.jpg');

}

#tl_indicator--container div ul{
	list-style-type: none;
	padding: 0;
}
#tl_indicator--container div ul li{
	float: left;
	color: #ffffff;
	font-family: Lato, Arial, 'Helvetica Neue', Helvetica, sans-serif;

}
#tl_indicator--active-year{
	position: absolute;
	left:11.6vw;
	top: 1vw;
	font-size: 1.667vw;
}

#tl_indicator--active-year ul li{
	padding-left: 3.35vw;
	opacity: 0;
}


.tl_indicator-dot {
	width: 1.1458vw;
	position: absolute;
	top: 5.73vw;
	fill: none;
	stroke: #ffffff;
	stroke-width: 1px;
}

#tl_indicator--dot1 {
	left: 35.02vw;
	fill: #ffffff;

}
#tl_indicator--dot2 {

	left: 42.51vw;

}
#tl_indicator--dot3 {

	left: 50vw;

}
#tl_indicator--dot4 {

	left: 57.49vw;

}
#tl_indicator--dot5 {

	left: 64.98vw;

}

#tl_indicator--dot6 {

	left: 48.97vw;

}
#tl_indicator--dot7 {

	left: 56.23vw;

}
#tl_indicator--dot8 {

	left: 63.44vw;

}
#tl_indicator--dot9 {

	left: 70.6vw;

}
#tl_indicator--dot10 {

	left: 77.8vw;

}
#tl_indicator--dot11 {

	left: 85.02vw;

}


#tl_indicator--active-year ul li:first-of-type{
	padding-left: 0;
	opacity: 1;
}

#tl_indicator--passive-year{
	position: absolute;
	left:12.5vw;
	top: 7vw;
	font-size: .989vw;
}
#tl_indicator--passive-year ul li{
	padding-left: 4.9vw;
}
#tl_indicator--passive-year ul li:first-of-type{
	padding-left: 0;
	opacity: 0;
}

#tl_indicator--line{
	position: absolute;
	top: 5.729vw;
	left: 13.02vw;
	width: 73.177vw;
	display: none;
}
.tl_nav-arrow{
	fill: none;
	stroke: #ffffff;
	stroke-width: 3px;
	width: 1.82vw;
	position: absolute;
	top: 51.89%;
	z-index: 99999;
	cursor: pointer;
}

.tl_nav-arrow svg{
	width: 1.82vw;
}

#tl_left-arrow{
	left: 3vw;
	display: none;
}
#tl_right-arrow{
	right: 3vw;
}
.tl-slide{
	position: absolute;
	left: 7.8125%;
	width: 84.375%;
	height: 61.89%;
	background-color: transparent;
	opacity: 0;
	text-align: center;
	line-height: 1.6em;
}
#slide1{
	opacity: 1;
}
.tl-slide--line{
	position: absolute;
	right: 25.57%;
	top: 56.89%;
	border-bottom: 1px solid #ffffff;
	width: 50.2%;
	height: 1px;
}
#slide2--line{
	width: 40%;
}
.tl-slide--year{
	position: absolute;
	right: 25.57%;
	top: 36.32%;
	font-family: Lato, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 4.2vw;
	font-weight: lighter;
	color: #ffffff;
}
.tl-slide--copy{
	position: absolute;
	left: 0;
	top: 60.81%;
	font-family: Lato, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.4vw;
	text-align: center;
	color: #ffffff;
}

#slide1--copy,
#slide2--copy,
#slide3--copy,
#slide4--copy,
#slide5--copy{
	position: absolute;
	top: 67.83%;
	left: 15.81%;
	text-align: center;
	width: 68.38%;
	line-height: 1.4em;
}


@media (max-width: 640px) {
	#slide1--copy,
	#slide2--copy,
	#slide3--copy,
	#slide4--copy,
	#slide5--copy{
		/*top: 50%;*/
	}
}


#slide8--copy{
	width: 19vw;
}

.tl-slide--img{
	position: absolute;
	display: block;
}
#slide1--img{

	top: 0;
	left: 36.58%;
	width: 22.8125vw;
}
#slide2--img{

	top: 26.486%;
	left: 17.34%;
	width: 11.615vw;
}
#slide3--img{

	top: 14.66%;
	left: 17.34%;
	width: 16.197vw;
}
#slide4--img{

	top: 14.66%;
	left: 17.34%;
	width: 16.197vw;
}
#slide5--img{

	top: 0;
	left: 0;
	width: 37.66vw;
}
#slide6--img{

	top: 14.66%;
	left: 11.34%;
	width: 22.031vw;
}
#slide7--img{

	top: 5%;
	left: 5%;
	width: 31.8vw;
}
#slide8--img{

	top: 0;
	left: 0;
	width: 33.8vw;
}
#slide9--img{

	top: 8%;
	left: 15%;
	width: 13.9vw;
}
#slide10--img{

	top: 12%;
	left: 0;
	width: 35.2vw;
}
#slide11--img{

	top: 12%;
	left: 10.5%;
	width: 25.312vw;
}
#slide11--img--logo{

	top: 35.65%;
	right: 40%;
	width: 12.1875vw;
}
#slide11{
	z-index: 1000;
}


.tl_direct-link{
	position: absolute;
	width: 3.235vw;
	height: 4.427vw;
	cursor: pointer;
	top: 5.4vw;
}

#tl_direct-click1{
	left: 35.02vw;
}
#tl_direct-click2{
	left: 42.51vw;
}
#tl_direct-click3{
	left: 50vw;
}
#tl_direct-click4{
	left: 57.49vw;
}
#tl_direct-click5{
	left: 64.98vw;
}


 @media (max-width: 768px){
	#tl_indicator--active-year ul li{
	padding-left: 3.7vw;
	}
}

@media (max-width: 640px){
	#timeline_container{
		height: 165vw;
	}

	.mobImage{
	display: block !important;
	}
	.dtImage{
	display: none !important;
	}

	.tl-slide{
	left: 0;
	/*top: 25.78vw;*/
	width: 100vw;

	}



	#slide1--copy{
	width: 65.625%;
	top: 43.125vw;
	left: 17.1875vw;
	font-size: 2.96vw;
	line-height: 5.8vw;

	}

	.tl-slide--year{
	position: absolute;
	right: 15%;
	top: 7vw;
	font-family: Lato, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 11.25vw;
	font-weight: lighter;
	color: #ffffff;
	}
	.tl-slide--line{
	position: absolute;
	right: 15%;
	top: 20.3%;
	border-bottom: 5px solid #ffffff;
	width: 27.65vw;
	height: 1px;
	}

	#slide11--year{
		top: 4.5vw;
	}
	#slide11--line{
		top: 17vw;
	}


	#slide2--line{
		width: 27.65vw;
	}
	.tl-slide--img{
		width: 40vw !important;
		left: 12vw !important;
		top: 5.78vw !important;
	}
	#slide1--img{

	top: 0 !important;
	left: 15.55vw !important;
	width: 68.9vw !important;

	}
	#slide2--img{

	width: 31vw !important;
	left: 15vw !important;

	}
	#slide11--img--logo{

	width: 27vw !important;
	left: 57vw !important;
	top: 22vw !important;


	}
	#slide8--copy{
		width: 69vw;
	}
	.tl-slide--copy{
		font-size: 2.97vw;
		line-height: 5vw;
		text-align: center;
		top: 50.46vw;
		width: 75vw;
		left:12.5vw ;
	}

	#tl_indicator--line{
		display: none;
	}
	.tl_indicator-dot{
		width: 2.34vw;
		top: 15.31vw;
	}


	#tl_indicator--dot6 {

		left: 49vw;

	}
	#tl_indicator--dot7 {

		left: 57vw;

	}
	#tl_indicator--dot8 {

		left: 65vw;

	}
	#tl_indicator--dot9 {

		left: 73vw;

	}
	#tl_indicator--dot10 {

		left: 81vw;

	}
	#tl_indicator--dot11 {

		left: 89vw;

	}

	#tl_indicator--passive-year{
		display: none;
	}

	#tl_indicator--active-year{
	position: absolute;
	left:7.6vw;
	top: 9vw;
	font-size: 2.1875vw;
	}

	#tl_indicator--active-year ul li{
		padding-left: 3.3vw;
		opacity: 1;
	}
	#tl_indicator--active-year ul li:first-of-type{
		padding-left: 0;
		top: 6vw;
	}

	.tl_direct-link{

	width: 8.75vw;
	height: 9.375vw;
	top: 10.9vw;
	}

	#tl_direct-click1{
		left: 8.5vw;
	}
	#tl_direct-click2{
		left: 17.5vw;
	}
	#tl_direct-click3{
		left: 24.5vw;
	}
	#tl_direct-click4{
		left: 32.5vw;
	}
	#tl_direct-click5{
		left: 40.5vw;
	}
	#tl_direct-click6{
		left: 48.5vw;
	}
	#tl_direct-click7{
		left: 56.5vw;
	}
	#tl_direct-click8{
		left: 64.5vw;
	}
	#tl_direct-click9{
		left: 72.5vw;
	}
	#tl_direct-click10{
		left: 80.5vw;
	}
	#tl_direct-click11{
		left: 88.5vw;
	}


	.tl_nav-arrow{
	fill: none;
	stroke: #ffffff;
	stroke-width: 3px;
	width: 5.47vw;
	position: absolute;
	top: 40%;
	z-index: 99999;
	cursor: pointer;
	}

	.tl_nav-arrow svg{
		width: 5.47vw;
	}

	#tl_left-arrow{
		left: 3vw;
		display: none;
	}
	#tl_right-arrow{
		right: 3vw;
	}
	.higherCopy{
		top: 45vw;
	}

}