.pipeline-chart{
	margin:1.5rem 0;
	border-radius:10px 10px 0 0;
	border:1px solid #e6e6e6;
	background-color:#fff;
	overflow:hidden;
}
.pipeline-chart > div:first-child{border-radius:4px 4px 0 0;}
.pipeline-chart > div:last-child{border-radius:0 0 4px 4px;}
.pipeline-chart div{
	box-sizing:border-box;
}
.pipeline-chart > div{
	position:relative;
	border:1px solid #ffffff;
	background-color:#fff;
	font-weight:700;
}
.pipeline-chart > div:nth-child(2){
	border:1px solid #004169;
}
.pipeline-chart > div:first-child{
	border-left:1px solid #0075B4;
	border-right:1px solid #0075B4;
	border-bottom:5px solid #6ADCF3;
	background-color:#0075B4;
	color:#ffffff;
	font-weight:700;
}
.pipeline-chart > div.clearfix > div{
	float:left;
}
.pipeline-chart > div > div{
	height:100%;
	padding:15px 10px;
	line-height:1.2em;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #ffffff;
}
.pipeline-chart > div:first-child > div{
	border-right:1px solid #ffffff;
}
.pipeline-chart > div > div:last-child{
	border-right:0;
}
.pipeline-chart > div > div:first-child{
	text-align:left;
	padding:15px 0 15px 4.5%;
}
.pipeline-chart > div.clearfix > div:nth-child(1){width:31%;}
.pipeline-chart > div.clearfix > div:nth-child(2){width:23%;}
.pipeline-chart > div.clearfix > div:nth-child(3){width:23%;}
.pipeline-chart > div.clearfix > div:nth-child(4){width:23%;}
.pipeline-chart > div.pipeline-chart-product{
	font-size: 1.125rem;
	background-color:#004169;
	color:#FFFFFF;
}
.pipeline-chart > div.pipeline-chart-product + .clearfix > div:first-child{
	padding:36px 0 36px 4.5%;
}
.pipeline-chart > div.clearfix > div:first-child p{
	margin:4px 0;
	font-weight:700;
	line-height:1.5em;
	color:#121212;
}
.pipeline-chart > div.clearfix > div:first-child p a{
	font-weight:600;
}
.pipeline-chart > div.clearfix > span{
	position:absolute;
	top:60px;
	left:32.7%;
	display:block;
    padding:15px 6px;
	line-height:1em;
	font-size:1em;
	color:#ffffff;
	background:#ffffff;
	border-radius:15px;
	box-shadow:inset 0px 1px 4px #AAAAAA;
	text-align:center;
}
.pipeline-chart > div.clearfix > span > span{
	background-color:#E2EAEF;
	border-radius:15px;
	bottom:1px;
	display:block;
	left:1px;
	position:absolute;
	top:1px;
	width:64%;
}
.pipeline-chart > div.clearfix > span > span::after {
	content:' ';
	position:absolute;
	top: -15px;
	right:-30px;
	display:block;
	width:60px;
	height:60px;
	background:url('/images/content/artwork-pipeline-arrow.svg') center center no-repeat;
}
.pipeline-chart{
	display:none;
}



.pipeline-chart-mobile{
	max-width:600px;
	margin:1.5rem 0;
	border-radius:4px;
	border:1px solid #e6e6e6;
	background-color:#fff;
	overflow:hidden;
}
.pipeline-chart-mobile > div:first-child{border-radius:4px 4px 0 0;}
.pipeline-chart-mobile > div:last-child{border-radius:0 0 4px 4px;}
.pipeline-chart-mobile > div{
	box-sizing:border-box;
	position:relative;
	border:1px solid #ffffff;
	background-color:#fff;
	font-weight:700;
}
.pipeline-chart-mobile > div:nth-child(2){
	border:1px solid #004169;
}
.pipeline-chart-mobile > div.pipeline-chart-product > div{
    font-size: 1rem;
	text-align:left;
}
.pipeline-chart-mobile > div.pipeline-chart-product-info{
	display:none;
}
.pipeline-chart-mobile a.expand-chart-info{
	position:absolute;
	top:13px;
	right:13px;
	display:block;
	width:22px;
	height:22px;
	text-decoration:none;
	background:url('/images/chart-open.png') center center no-repeat;
	background-size:contain;
}
.pipeline-chart-mobile a.expand-chart-info.on{
	background:url('/images/close-icon-blue.png') center center no-repeat;
	background-size:contain;
}
.pipeline-chart-mobile > div:first-child{
	border-left:1px solid #0075B4;
	border-right:1px solid #0075B4;
	border-bottom:5px solid #6ADCF3;
	background-color:#0075B4;
	color:#ffffff;
	font-weight:700;
}
.pipeline-chart-mobile > div:first-child > div:first-child,
.pipeline-chart-mobile > div:first-child > div:last-child{
	border-right:none;
}
.pipeline-chart-mobile > div:first-child > div:first-child{
	text-indent:10px;
	text-align:left;
}
.pipeline-chart-mobile > div:first-child > div{
	margin: 10px 0;
    padding: 5px 0px;
	box-sizing:border-box;
	overflow:hidden;
	border-right:1px solid #ffffff;
	border-left:none;
	text-align:center;
}
.pipeline-chart-mobile > div.clearfix > div{
	float:left;
}
.pipeline-chart-mobile > div > div{
	height:100%;
	padding:15px 0px;
	line-height:1.2em;
	vertical-align:middle;
	text-align:left;
}
.pipeline-chart-mobile > div > div p{
	margin:0 0 6px 0;
	font-size:.85em;
	line-height:1.7em;
}
.pipeline-chart-mobile > div.clearfix > div:nth-child(1){width:27.5%;}
.pipeline-chart-mobile > div.clearfix > div:nth-child(2){width:17.6%;}
.pipeline-chart-mobile > div.clearfix > div:nth-child(3){width:25.5%;}
.pipeline-chart-mobile > div.clearfix > div:nth-child(4){width:25.5%;border-right:none;}
.pipeline-chart-mobile > div.clearfix > div:nth-child(5){width:3.9%;border-left:none;}
.pipeline-chart-mobile > div.product-row > div:nth-child(5){
	padding:15px 0px;
	border-right:none;
}
.pipeline-chart-mobile > div.product-row > div{
	margin:20px 0;
}

.pipeline-chart-mobile > div.pipeline-chart-product{
	font-size: 1.125rem;
	background-color:#004169;
	color:#FFFFFF;
}
.pipeline-chart-mobile > div.pipeline-chart-product + .clearfix > div:first-child{
	padding:36px 0 36px 4.5%;
}
.pipeline-chart-mobile > div.clearfix > div:first-child p{
	margin:4px 0;
	font-weight:700;
	line-height:1.5em;
	color:#4d4d4d;
}
.pipeline-chart-mobile > div.clearfix > div:first-child p a{
	font-weight:600;
}
.pipeline-chart-mobile > div.clearfix > span{
	position:absolute;
	top:34px;
	left:3%;
	display:block;
    padding:15px 6px;
	line-height:1em;
	font-size:1em;
	color:#ffffff;
	background:#ffffff;
	border-radius:15px;
	box-shadow:inset 0px 1px 4px #AAAAAA;
	text-align:center;
}
.pipeline-chart-mobile > div.clearfix > span > span{
	background-color:#E2EAEF;
	border-radius:15px;
	bottom:1px;
	display:block;
	left:1px;
	position:absolute;
	top:1px;
	width:68%;
}
.pipeline-chart-mobile > div.clearfix > span > span::after {
	content:' ';
	position:absolute;
	top:-8px;
	right:-22px;
	display:block;
	width:44px;
	height:44px;
	background:url('/images/content/artwork-pipeline-arrow.svg') center center no-repeat;
	background-size:contain;
}
.pipeline-chart-mobile .product-row > div:first-child{border-right:none;}
.pipeline-chart-mobile .product-row > div:nth-child(2){border-left:none;}
.pipeline-chart-mobile{
	display:block;
}

/* Medium and up */
@media screen and (min-width: 40em) {
	
	.pipeline-chart{
		display:block;
	}
	.pipeline-chart-mobile{
		display:none;
	}

}