/* wf timeline */
.wf-timeline{
	position: relative;
	padding-bottom: 50px !important;
}
.wf-timeline .uk-background-default{
	background-color: transparent;
}
.wf-timeline .el-title{
	position: relative;
}
.wf-timeline .el-item:first-child .content-container .wf-title:before{
	height: 50%;
	top: 50%;
}
.wf-timeline .item-right .content-container .wf-title:before{
	content: '';
	width: 2px;
	background: rgb(152,152,152);
	position: absolute;
	top: -10px;
	left: calc(0% - 40px - 1px);
	height: 100%;
}
.wf-timeline .item-left .content-container .wf-title:before{
	content: '';
	width: 2px;
	background: rgb(152,152,152);
	position: absolute;
	top: -10px;
	left: calc(100% + 40px - 1px);
	height: calc(100% + 10px);
}
.wf-timeline .item-right .content-container .wf-content-container:before{
	content: '';
	width: 2px;
	background: rgb(152,152,152);
	position: absolute;
	top: -10px;
	left: calc(0% - 40px - 1px);
	height: calc(100% + 10px);
}
.wf-timeline .item-left .content-container .wf-content-container:before{
	content: '';
	width: 2px;
	background: rgb(152,152,152);
	position: absolute;
	top: 0%;
	left: calc(100% + 40px - 1px);
	height: 100%;
}
.wf-timeline .wf-content-container{
	position: relative;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 20px;
	padding-bottom: 20px;
}
.wf-timeline .el-item{
	margin-top: 0px !important;
	padding-top: 10px;
}
.wf-timeline .last-point:before{
	content: '';
	width: 2px;
	background: rgb(152,152,152);
	position: absolute;
	left: 5px;
	height: 40px;
	top: -40px;
}
.wf-timeline .item-left{
	position: relative;
	width: 50%;
	text-align: right;
}
.wf-timeline .item-right{
	position: relative;
	width: 50%;
	text-align: left;
	margin-left: 50%;
}
.wf-timeline .item-left .content-container{
	padding-right: 40px;
}
.wf-timeline .item-right .content-container{
	padding-left: 40px;
}
.wf-timeline .el-title{
	display: flex;
	height: auto;
}
.wf-timeline .iconContainer{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.wf-timeline .iconContainer .iconInner{
	position: relative;
	z-index: 10;
}
.wf-timeline .iconInner .el-image{
	border: 2px solid rgb(152,152,152);
	border-radius: 100%;
	padding: 6px;
	z-index: 10;
}
.wf-timeline .el-item .no-icon{
	width: 0px;
	height: 0px;
	margin: auto;
	border: 2px solid rgb(152,152,152);
	border-radius: 100%;
	padding: 6px;
	z-index: 10;
}
.wf-timeline .item-left .no-icon{
	margin-right: -48px;
	margin-left: 32px;
}
.wf-timeline .item-right .no-icon{
	margin-left: -48px;
	margin-right: 32px;
}
.wf-timeline .last-point{
	position: absolute;
	right: 50%;
	bottom: 0;
	margin-right: -8px;
	border: 2px solid rgb(152,152,152);;
	border-radius: 100%;
	padding: 6px;
	z-index: 10;
}
.wf-timeline .el-item .wf-title{
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
}
.wf-timeline .uk-heading-divider{
	padding-bottom: 5px;
	padding-top: 5px;
}
.wf-timeline .el-item .wf-title .title-inner{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}
.wf-timeline .el-item .wf-title .matched{
	display: inline-block;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
}
.wf-timeline .el-item .wf-title .full{
	display: block;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
}
.wf-timeline .el-item .wf-title .none{
	background-color: transparent;
	display: block;
}
.wf-timeline .item-left .uk-heading-connection .title-inner:before{
	content: '';
	position: absolute;
	right: -40px;
	top: 50%;
	height: 1px;
	background: rgb(152,152,152);
	width: 40px;
}
.wf-timeline .item-right .uk-heading-connection .title-inner:before{
	content: '';
	position: absolute;
	left: -40px;
	top: 50%;
	height: 1px;
	background: rgb(152,152,152);
	width: 40px;
}
.wf-timeline .title-inner{
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.wf-timeline-left .el-item{
	position: relative;
	width: 80%;
	text-align: left;
	margin-left: 50px;
}
.wf-timeline-left .item-left .content-container .wf-content-container:before{
	content: '';
	width: 2px;
	background: rgb(152,152,152);
	position: absolute;
	top: 0%;
	left: calc(0% - 40px - 1px);
	height: 100%;
}
.wf-timeline-left .last-point{
	position: absolute;
	left: 42px;
	right: unset;
	bottom: 0;
	margin-right: -8px;
	border: 2px solid rgb(152,152,152);;
	border-radius: 100%;
	padding: 6px;
	z-index: 10;
}
.wf-timeline-left .item-left .content-container{
	padding-left: 40px;
	padding-right: 0px;
}
.wf-timeline-left .item-left .title-inner:before{
	left: -40px;
}
.wf-timeline-left .item-left .el-title, .wf-timeline-left .item-left .title-inner, .wf-timeline-left .item-left .iconContainer{
	transform: scaleX(-1);
}
.wf-timeline-left .item-left .wf-title{
	text-align: left;
}

@media(max-width: 750px){
	.wf-timeline .el-item{
		position: relative;
		width: 80%;
		text-align: left;
		margin-left: 50px;
	}
	.wf-timeline .item-left .content-container .wf-content-container:before{
		content: '';
		width: 2px;
		background: rgb(152,152,152);
		position: absolute;
		top: 0%;
		left: calc(0% - 40px - 1px);
		height: 100%;
	}
	.wf-timeline .last-point{
		position: absolute;
		left: 42px;
		right: unset;
		bottom: 0;
		margin-right: -8px;
		border: 2px solid rgb(152,152,152);;
		border-radius: 100%;
		padding: 6px;
		z-index: 10;
	}
	.wf-timeline .item-left .content-container{
		padding-left: 40px;
		padding-right: 0px;
	}
	.wf-timeline .item-left .title-inner:before{
		left: -40px;
	}
	.wf-timeline .item-left .el-title, .wf-timeline .item-left .title-inner, .wf-timeline .item-left .iconContainer{
		transform: scaleX(-1);
	}
	.wf-timeline .item-left .wf-title{
		text-align: left;
	}
	.wf-timeline .item-left .wf-title .matched{
		display: block;
		margin-left: auto;
		margin-right: 0;
		width: max-content;
	}
}
@media(max-width: 400px){
	.wf-timeline .el-item{
		margin-left: 20px;
	}
	.wf-timeline::before{
		left: 20px;
	}
	.wf-timeline .el-item .content-container{
		padding-left: 40px;
	}
	.wf-timeline .last-point{
		left: 12px;
	}
}