/* w-timeline */
.w-timeline-list {
	margin: 0 0 35px;
	}
	.w-timeline-list:before {
		height: 2px;
		top: 42px;
		left: 1px;
		right: 1px;
		width: auto;
		border-bottom: 1px dashed #e8e8e8; /* variable */
		}
		.w-timeline-item {
			line-height: 80px;
			height: 80px;
			width: 80px;
			overflow: hidden;
			border-radius: 50%;
			box-shadow: 0 -1px 0 rgba(0,0,0,0.12) inset, 0 1px 1px rgba(0,0,0,0), 0 2px 3px rgba(0,0,0,0);
			-webkit-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
					transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
			-webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */
			background-color: #C8C8C8; /* variable */
			color: #444; /* variable */
			}
		.w-timeline-item.active {
			background-color: #c20; /* variable */
			color: #fff;
			}
		.no-touch .w-timeline-item:hover {
			box-shadow: 0 -1px 0 rgba(0,0,0,0) inset, 0 2px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.3);
			background-color: #c20; /* variable */
			color: #fff;
			}
			.w-timeline-item-title {
				font-size: 17px;
				}
	/* TYPE: vertical */
	.w-timeline-section-title {
		margin: 0 auto;
		padding-top: 30px;
		width: 80px;
		}
	.w-timeline-section:first-child .w-timeline-section-title {
		padding-top: 0;
		}
		.w-timeline.type_vertical .w-timeline-section-title:before {
			display: block;
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			height: 100%;
			width: 2px;
			margin-left: -1px;
			border-left: 1px dashed #e8e8e8; /* variable */
			}
		.w-timeline-section-title-text {
			display: block;
			font-size: 17px;
			line-height: 80px;
			height: 80px;
			width: 80px;
			position: relative;
			z-index: 13;
			border-radius: 50%;
			box-shadow: 0 -1px 0 rgba(0,0,0,0.12) inset, 0 1px 1px rgba(0,0,0,0), 0 2px 3px rgba(0,0,0,0);
			-webkit-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
					transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
			-webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */
			background-color: #f5f5f5; /* variable */
			color: #444; /* variable */
			}
		.w-timeline-section.active .w-timeline-section-title-text {
			box-shadow: 0 -1px 0 rgba(0,0,0,0) inset, 0 2px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.3);
			background-color: #c20; /* variable */
			color: #fff;
			}
	.w-timeline-section-content {
		padding: 0 0 15px;
		}
	.w-timeline.type_vertical .w-timeline-section-content {
		padding: 50px 20px 20px;
		margin-top: -40px;
		border-radius: 2px;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05), 0 1px 3px 0 rgba(0,0,0,0.25);
		}

	/* Improvements for color sections */
	.l-submain.color_primary .w-timeline-list:before,
	.l-submain.color_secondary .w-timeline-list:before,
	.l-submain.color_custom .w-timeline-list:before,
	.l-submain.color_primary .w-timeline.type_vertical .w-timeline-section-title:before,
	.l-submain.color_secondary .w-timeline.type_vertical .w-timeline-section-title:before,
	.l-submain.color_custom .w-timeline.type_vertical .w-timeline-section-title:before,
	.l-submain.color_primary .w-timeline.type_vertical .w-timeline-section-content,
	.l-submain.color_secondary .w-timeline.type_vertical .w-timeline-section-content,
	.l-submain.color_custom .w-timeline.type_vertical .w-timeline-section-content {
		border-color: rgba(255,255,255,0.5);
		}