.v3-timeline{
	display:flex;
	border-top:8px solid #e31837;
	position:relative;
	overflow-x:scroll;
}

.v3-timeline.vertical{
	border-top:0;
	border-left:8px solid #e31837;
	flex-direction:column;
	overflow-x:visible;
}

@media screen and (max-width:1200px){
	.v3-timeline{
		border-top:0;
		border-left:8px solid #e31837;
		flex-direction:column;
		overflow-x:visible;
	}
}

.v3-timeline-item{
	position:relative;
	padding:16px;
	border:1px solid #CCC;
	flex:1;
	margin:30px 8px 8px;
	min-width:400px;
}

.v3-timeline-item:before{
	position:absolute;
	content:'';
	width:0px;
	height:0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:20px solid #CCC;
	top:-20px;
	left:calc(50% - 10px);
	z-index:1;
}

.v3-timeline-item:after{
	position:absolute;
	content:'';
	width:0px;
	height:0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:20px solid #FFF;
	top:-18px;
	left:calc(50% - 10px);
	z-index:2;
}

.v3-timeline.vertical .v3-timeline-item{
	margin:8px 8px 8px 30px;
	min-width:auto;
}

.v3-timeline.vertical .v3-timeline-item:before{
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-right:20px solid #CCC;
	border-left:0;
	top:calc(50% - 10px);
	left:-20px;
}

.v3-timeline.vertical .v3-timeline-item:after{
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-right:20px solid #FFF;
	border-left:0;
	top:calc(50% - 10px);
	left:-18px;
}

@media screen and (max-width:1200px){
	.v3-timeline-item{
		margin:8px 8px 8px 30px;
		min-width:auto;
	}
	
	.v3-timeline-item:before{
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
		border-right:20px solid #CCC;
		border-left:0;
		top:calc(50% - 10px);
		left:-20px;
	}
	
	.v3-timeline-item:after{
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
		border-right:20px solid #FFF;
		border-left:0;
		top:calc(50% - 10px);
		left:-18px;
	}
}


.v3-timeline-item-header{
	font-weight:bold;
	font-size:1.1rem;
	margin-bottom:8px;
}

.v3-timeline-item-header:before{
	position:absolute;
	content:'';
	width:30px;
	height:30px;
	border-radius:50%;
	border:8px solid #e31837;
	background-color:#FFF;
	top:calc(-30px - 20px);
	left:calc(50% - 15px);
}

.v3-timeline.vertical .v3-timeline-item-header:before{
	left:calc(-30px - 20px);
	top:calc(50% - 15px);
}

@media screen and (max-width:1200px){
	.v3-timeline-item-header:before{
		left:calc(-30px - 20px);
		top:calc(50% - 15px);
	}
}