
/* TimeLine */
.timeline,
.event-timeline {
	min-height: 400px;
	position: relative;
}
.event-timelineitem
{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.timeline:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: calc(50% - 3px);
	border-left: 1px solid #dfdfdf;
	transform: translate(-50%);
}
.event-timeline:after{
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: calc(25% - 3px);
	border-left: 1px solid #dfdfdf;
	transform: translate(-50%);
}

.timeline .timeline-item {
	position: relative;
	z-index: 1;

}

.timeline .timeline-item .timeline-anker {
	width: calc(52px + 10%);
	min-width: 40px;
	height: 2px;
	position: relative;
	top: 150px;
	transform:translateY(-50%);
}
.event-timeline .event-timelineitem .timeline-anker
{
	width: calc(52px + 10%);
	min-width: 40px;
	height: 2px;
	position: relative;
	top: 50%;
	transform: translateY(-50%) translateX(-100%);
	z-index: 1;
}
.event-timeline .event-timelineitem .timeline-anker:after  {
	height: 45px;
	width: 45px;
	background-color: #009ddc;
	position: absolute;
	text-align: center;
	transform:translateY(-50%) translateX(calc(-50% - 3px));
	background-size:contain;
	content:"";
}

.timeline-anker{
	border-bottom: 1px solid #dfdfdf;
}
.timeline .timeline-item .timeline-anker:after {
	height: 45px;
	width: 45px;
	border-radius: 100%;
	position: absolute;
	text-align: center;
	background-color: #009ddc;
	transform:translateY(-50%);
	background-size:contain;
	content:"";
}

.timeline .timeline-item:nth-of-type(even) .timeline-anker:after {
	left:-23px;
}

.timeline .timeline-item:nth-of-type(odd) .timeline-anker:after {
	right:-20px;
}

.timeline .timeline-item:nth-of-type(even) {
	padding-left: calc(50% - 2px);
}

.timeline .timeline-item:nth-of-type(odd) {
	padding-right: 50%;
}

/* Flex */
.d-block {
	display: block;
}

.d-iblock {
	display: inline-block;
}

.d-flex {
	display: flex;
}

.d-flex-inline {
	display: inline-flex;
}

.flex-expand {
	flex: 1 1 auto;
}

.flex-50 {
	flex: 0 0 50%;
}

.flex {
	flex: 1;
}

.flex-row {
	flex-direction: row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-column {
	flex-direction: column;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-center {
	align-items: center;
	justify-content: center;
}

.flex-align-center {
	align-items: center;
}

.flex-right {
	flex-direction: row;
	justify-items: flex-end;
	justify-content: flex-end;
}

.flex-item-grow > * {
	flex-grow: 1;
}

.flex-justify-between {
	justify-content: space-between;
}

.flex-justify-around {
	justify-content: space-around;
}

.flex-item {
	flex: 1;
}
.stand
{
	padding-left:40px;
	line-height:34px;
	position: relative;
	margin-bottom:20px;
}
.stand b
{
	font-weight:bold;
	font-family:'Helvetica Neue LT W01_67 Md Cn';
}
.stand:before
{
	position:absolute;
	left:0;
	top:0;
	width:34px;
	height:34px;
	border-radius:9999px;
	border:2px solid #ff9900;
	background:white;
	content: "\2713";
	font-family: 'mfg_labs_iconsetregular';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height:30px;
	text-align: center;
	color: #949494;

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.timeline .timeline-item:nth-of-type(even) {
		padding-left:0;
	}

	.timeline .timeline-item:nth-of-type(odd) {
		padding-right: 0;
	}
	.timeline .timeline-item
	{
		margin-bottom:2rem;
	}
	.timeline-item__content
	{
		margin:0 auto;
	}
	.xs-pa-20
	{
		padding:20px;
	}
	.timeline .timeline-item .timeline-anker
	{
		opacity:0;
	}
	.timeline-item
	{
		margin-bottom:50px !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.event-timeline::after
	{
		display:none;
	}
	.event-timeline-content
	{
		left:0 !important;

	}
	.timeline-item__content{
		min-width: 100%!important;
	}
	.bg_fleck > div
	{
		padding: 5px!important;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}
.event-timeline-image
{
	border-radius:9999px;
	width:130px;
	height:130px;
	border:2px solid #3481b5;
	position: relative;
}
.timeline-image
{
	position: absolute;
	left:50px;
	top:0;
	border-radius:9999px;
	width:130px;
	height:130px;
	border:2px solid #3481b5;
	z-index: 2;
}
.event-timeline-content
{
	left:5%;
	position: relative;

}
.flex-row-reverse .timeline-image
{
	left:auto;
	right:50px;
}
.bg_fleck
{
	position: relative;
	background-color: #fff;
	z-index: 1;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
}
.event-timelineitem .bg_fleck
{
	padding:20px 20px 20px 30px;
}
.event-timelineitem
{
	margin-bottom:50px;
}

.flex-row-reverse .bg_fleck:after
{
	transform:scale(-1,1);
	left:auto;
	right:0;
}
.bg_fleck > div
{
	padding:30px;
	min-height: 230px;
}
.flex-25
{
	flex:0 0 25%;
}
.flex-10
{
	fleX:0 0 10%;
}
.flex-15
{
	fleX:0 0 15%;
}
.flex-50
{
	fleX:0 0 50%;
}
.flex-self-center
{
	align-self: center;
}
.carousel{
	position: relative;
}
.carousel-controls{
	position: absolute;
	right: 0;
	bottom: 0;
}
.carousel-controls span{

}
.timeline__year{
	font-size: 36px;
	color: #009ddc;
	width: 100%;
	font-weight: bold;
	font-family:  DIN W01 Bold, sans-serif ;
}

.timeline__image{
	position: relative;
}

.timeline__fancy{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px 20px;
	background-color: #009ddc;
}
.timeline__fancy i{
	color: #fff;
	font-size: 24px;
}