/* timeline */

.timeline-container{
	margin-bottom:2.5rem;
}

.timeline-select{
	align-items:center;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	margin:0 auto 2rem auto;
	max-width:420px;
	width:100%;
}

.timeline-select label{
	font-size:0.875rem;
	font-weight:400;
}

.select-css{
	color:#fff;
	display:block;
	font-size:0.875rem;
	font-family:'Work Sans', sans-serif;
	font-weight:500;
	line-height:1em;
	padding:.6em 3em .5em .8em;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	margin:0;
	border:1px solid #004169;
	border-radius:6px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background-color:#004169;
	background-image:url('/en/images/global/dropdown-arrrow-cyan.svg');
	background-repeat:no-repeat;
	background-position:right .7em top 50%;
	background-size:16px auto;
}
.select-css::-ms-expand{
	display: none;
}
.select-css option{
	background-color:#fff;
	color:#121212;
	font-size:1rem;
}

@media screen and (min-width: 48em){
	.select-css{
		font-size:1.125rem;
		padding:.6em 3em .5em .8em;
		background-position:right .7em top 50%;
		background-size:16px auto;
	}
}

.timeline-bg{
	background: rgb(0,117,180);
	background: linear-gradient(180deg, rgba(0,117,180,0.15) 0%, rgba(255,255,255,0) 100%);
}

.timeline{
	margin:0 auto;
	/*max-width:420px;*/
	overflow-x:hidden;
	width:100%;
}

.timeline-controls-bg{
	background:#004169;
}

.timeline-controls{
	align-items: center;
	display:flex;
	justify-content: space-between;
	padding:0.375rem 1.375rem 1rem 1.375rem;
	margin:0 auto;
	max-width:840px;
}

.timeline-controls a{
	background-repeat:no-repeat;
	background-size:auto 16px;
	color:#6ADCF3;
	display:inline-block;
	font-size:1rem;
	font-weight:600;
	letter-spacing:0.125em;
	padding:0.5rem 1.5rem 0.5rem 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
}

.timeline-controls a#timelineBtnPrev{
	background-image:url('/en/images/global/arrrow-left-cyan.svg');
	background-position:0px 48%;
}

.timeline-controls a#timelineBtnNext{
	background-image:url('/en/images/global/arrrow-right-cyan.svg');
	background-position:100% 48%;
}

.timeline-controls a:hover{
	color:#fff;
}

.timeline-controls span{
	display:none;
}

.timeline-controls-bg > span{	
	color:#fff;
	display:block;
	font-size:1rem;
	font-weight:600;
	margin:0;
	padding:1rem 1rem 0 1rem;
	text-align:center;
}

.timeline-controls span{
	color:#fff;
	font-size:1rem;
	font-weight:600;
}

@media screen and (min-width: 48em){

	.timeline-select{
		justify-content:flex-start;
		max-width:940px;
		width:100%;
	}

	.timeline-select label{
		font-size:1.125rem;
		margin-right:1.5rem;
	}

	.timeline{
		max-width:940px;
		width:100%;
	}

	.timeline-controls{
		padding:1.875rem 1.375rem;
	}

	.timeline-controls span{
		display:block;
	}

	.timeline-controls-bg > span{
		display:none;
	}

}




.timeline .timeline-details{
	overflow-x:hidden;
	/*overflow-x:scroll;
	-webkit-overflow-scrolling: touch;*/
	-ms-overflow-style:-ms-autohiding-scrollbar;
}

.timeline-inner{
	align-items:flex-start;
	display:flex;
	flex-wrap: nowrap;
	left:0;
	position:relative;
	transition:left 0.35s;
}

.timeline-inner > div{
	flex:0 0 auto; 
	width:100%;
}

.timeline-inner > div h3,
.timeline-inner > div p{
	margin:0.66em 0;
}


@media screen and (min-width: 48em){

	.timeline-inner{
		align-items:center;
	}

}


.timeline-slide{
	padding:2rem 1rem 1.5rem 1rem;
}

.timeline-slide > div:first-child{
	align-items:center;
	display:flex;
	flex:1 0 auto;
	justify-content:center;
	padding-bottom:1rem;
}

.timeline-slide > div h3{
	font-size: 1rem;
}
.timeline-slide > div p{
	font-size:0.875rem;
}

@media screen and (min-width: 48em){

	.timeline-slide{
		align-items: stretch;
		display:flex;
		justify-content:space-between;
		padding:1.5rem 0;
	}
	.timeline-slide > div:first-child{
		width:160px;
		align-items:center;
		display:flex;
		flex:1 0 auto;
		justify-content:flex-start;
		padding-bottom:0;
	}

	.timeline-slide > div h3{
		font-size: 1.25rem;
	}
	.timeline-slide > div p{
		font-size:1.125rem;
	}

}