.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* close commented backslash hack */



html,
body{
	width:100%;
	height:100%;
	
	text-align:center;
	
	margin:0px auto;
	padding:0px;
	border:0px none;	
}
	
	#transportEcosystemIntroduction{
		width:512px;
		height:auto;
		
		display:block;
		position:relative;
		clear:both;
	
		color:#444444;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:16px;
		text-align:center;
		text-decoration:none;
		
		margin:15px auto;
		padding:0px;
		border:0px none;
	}
	
		#transportEcosystemIntroduction h1{
			color:#31958C;
			font-size:16px;
			font-weight:bold;
			line-height:23px;
			text-align:left;
			text-decoration:none;
			
			margin:0px auto;
			padding:0px 15px;
		}
	
		#transportEcosystemIntroduction p{
			color:#444444;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:17px;
			text-align:left;
			text-decoration:none;
			
			margin:0px auto;
			padding:5px 15px;
		}
	
	#transportEcosystem{
		width:512px;
		height:auto;
		
		display:block;
		position:relative;
		clear:both;
	
		color:#444444;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:16px;
		text-align:center;
		text-decoration:none;
		
		margin:0px auto;
		padding:0px;
		border:0px none;
	}
	
	
	/* Contacts */
	#transportEcosystem #transportEcosystem-Contacts{
		width:auto;
		height:auto;
		
		display:block;
		position:absolute;
		clear:both;
		z-index:500;
		right:15px;
		top:15px;
		
		margin:0px auto;
		padding:0px;
		border:0px none;
	}
	
		#transportEcosystem #transportEcosystem-Contacts a.contacts-button{
			background:url('img/contact-closed.png') no-repeat center center;
			
			width:62px;
			height:62px;
			
			display:block;
			position:absolute;
			top:0px;
			right:0px;
			z-index:50;
			
			margin:0px auto;
			padding:0px;
			border:0px none;
		}
	
		#transportEcosystem #transportEcosystem-Contacts a.contacts-button.active{
			background:url('img/contact-open.png') no-repeat center center;
		}
	
		#transportEcosystem #transportEcosystem-Contacts .contacts-info{
			background:#FFFFFF;
			
			width:200px;
			height:auto;
			
			display:none;
			position:relative;
			clear:both;
			
			margin:35px 5px 0px 0px;
			padding:10px;
			border:2px solid #31958C;
			
			-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		}
	
			#transportEcosystem #transportEcosystem-Contacts .contacts-info h2{
				color:#31958C;
				font-size:12px;
				font-weight:bold;
				line-height:17px;
				text-align:left;
				text-decoration:none;
				text-transform:uppercase;
				
				margin:0px auto;
				padding:5px 0px 0px;
			}
		
			#transportEcosystem #transportEcosystem-Contacts .contacts-info p{
				color:#444444;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:17px;
				text-align:left;
				text-decoration:none;
				
				margin:0px auto;
				padding:5px 0px;
			}
		
				#transportEcosystem #transportEcosystem-Contacts .contacts-info a{
					color:#31958C;
				}
	
	
	/* Diagram */
	#transportEcosystem #transportEcosystem-Diagram{
		background:url('img/background.png') center center no-repeat #FFFFFF;
		
		width:512px;
		height:532px;
		
		display:block;
		position:relative;
		clear:both;
		
		margin:0px auto;
		padding:0px;
		border:0px none;
	}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground{
			background:none;
		
			width:512px;
			height:532px;
			
			display:none;
			position:absolute;
			clear:both;
			z-index:5;
			top:0px;
			left:0px;
			
			margin:0px auto;
			padding:0px;
			border:0px none;
		}
	
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.destination,
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.destination{
				background:url('img/destination.png') center center no-repeat;
			}
		
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.infrastructure,
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.infrastructure{
				background:url('img/infrastructure.png') center center no-repeat;
			}
		
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.people_and_freight,
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.people_and_freight{
				background:url('img/people_and_freight.png') center center no-repeat;
			}
		
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.regulatory,
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.regulatory{
				background:url('img/regulatory.png') center center no-repeat;
			}
		
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.transport_operators,
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.transport_operators{
				background:url('img/transport_operators.png') center center no-repeat;
			}
	
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.customer_experience,
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.customer_experience{
					background:url('img/customer_experience.png') center center no-repeat;
				}
		
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.cyber_security,
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.cyber_security{
					background:url('img/cyber_security.png') center center no-repeat;
				}
		
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.transformation_and_innovation,
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.transformation_and_innovation{
					background:url('img/transformation_and_innovation.png') center center no-repeat;
				}
		
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.data_analytics,
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.data_analytics{
					background:url('img/data_analytics.png') center center no-repeat;
				}
		
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.financing,
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.financing{
					background:url('img/financing.png') center center no-repeat;
				}
		
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.regulatory_compliance,
				#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.regulatory_compliance{
					background:url('img/regulatory_compliance.png') center center no-repeat;
				}
		
	/* Links */
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links{
		width:250px;
		height:150px;
		
		display:block;
		position:relative;
		clear:both;
		z-index:10;
		
		margin:0px auto;
		padding:191px 0px;
		border:0px none;
	}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links a{
			width:250px;
			height:auto;
			
			display:block;
			position:relative;
			float:left;
			clear:both;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			line-height:21px;
			text-align:center;
			text-decoration:none;
			
			margin:0px auto;
			padding:6px 0px;
			border:0px none;
			
			opacity:1.0;
			
			-webkit-transition: color 250ms ease;
			-moz-transition: color 250ms ease;
			-ms-transition: color 250ms ease;
			-o-transition: color 250ms ease;
			transition: color 250ms ease;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links a:hover{
			text-decoration:underline;
		}
		
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.customer_experience a.infrastructure,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.customer_experience a.regulatory,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.cyber_security a.people_and_freight,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.transformation_and_innovation a.people_and_freight,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.data_analytics a.infrastructure,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.data_analytics a.regulatory,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.financing a.people_and_freight,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.financing a.regulatory,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links.regulatory_compliance a.people_and_freight{
			color:#EEEEEE;
		}
		
		
	/* Intro Text */
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro{
		width:210px;
		height:225px;
		
		display:none;
		position:relative;
		clear:both;
		z-index:10;
		
		margin:0px auto;
		padding:144px 0px 126px;
		border:0px none;
	}	
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro a.close_button{
			width:64px;
			height:24px;
			
			display:block;
			position:relative;
			float:left;
			clear:both;
			
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:normal;
			line-height:24px;
			text-align:center;
			text-decoration:none;
			text-transform:uppercase;
			
			margin:15px 66px 15px;
			padding:0px;
			border:0px none;
			
			opacity:1.0;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro a.close_button:hover{
			opacity:0.75;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div{
			display:none;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.people_and_freight{
			margin-top:25px;
		}
		
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div h1{
				font-size:16px;
				font-weight:bold;
				line-height:21px;
				text-decoration:none;
				
				margin:0px auto;
				padding:5px 0px;
			}
			
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div p{
				color:#444444;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:17px;
				text-align:center;
				text-decoration:none;
				
				margin:0px auto;
				padding:5px 0px;
			}
			
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div a.more-info{
				font-weight:normal;
				text-decoration:none;
				opacity:1.0;
			}
			#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div a.more-info:hover{
				text-decoration:none;
				opacity:0.75;
			}
		
		
	/* Info Pop Up */
	#transportEcosystem #transportEcosystem-Info{
		width:100% !important;
		height:auto;
		
		display:block;
		position:relative;
		clear:both;
		
		margin:0px auto;
		padding:0px 0px 10px;
		border:0px none;
	}
	
		#transportEcosystem #transportEcosystem-Info img{
			display:none;
			
			width:100%;
			max-width:450px;
			text-align:center;
			margin:0px auto;
			padding:0px;
		}
	
		#transportEcosystem #transportEcosystem-Info div.info-block{
			width:auto;
			height:auto;
		
			display:block;
			position:relative;
			clear:both;
			
			text-align:left;
			
			margin:0px auto;
			padding:0px 15px;
			border:0px none;
		}
	
			#transportEcosystem #transportEcosystem-Info div.info-block .description{
				display:none;	
				padding:0px 15px;
			}
				
				#transportEcosystem #transportEcosystem-Info div.info-block h1{
					background:url('img/arrow-right.png') right center no-repeat #4F7477;
					
					color:#FFFFFF;
					font-size:14px;
					font-weight:normal;
					line-height:20px;
					
					padding:10px 15px;
					border-bottom:1px solid #FFFFFF;
					opacity:1.0;
				}
				
					#transportEcosystem #transportEcosystem-Info div.info-block h1:hover{
						cursor:pointer;
						opacity:0.75;
					}
					
					#transportEcosystem #transportEcosystem-Info div.info-block h1.active{
						background-image:url('img/arrow-down.png');
					}
				
				#transportEcosystem #transportEcosystem-Info div.info-block h2{
					color:#4F7477;
					font-size:12px;
					font-weight:bold;
					line-height:17px;
					text-decoration:none;
					text-transform:uppercase;
					
					margin:0px auto;
					padding:10px 0px 0px;
				}
				
				#transportEcosystem #transportEcosystem-Info div.info-block p{
					font-size:12px;
					line-height:17px;
					text-decoration:none;
					
					margin:0px auto;
					padding:5px 0px;
				}
				
				#transportEcosystem #transportEcosystem-Info div.info-block .case-study{
					background:#F5F5F5;
					
					width:auto;
					height:auto;
					
					font-size:12px;
					line-height:17px;
					text-decoration:none;
					
					margin:10px auto;
					padding:5px 20px 10px;
					border:1px solid #F1F1F1;
					
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					border-radius:2px;
				}
				
	
	/* Back to top */
	#transportEcosystem-Info div.info-block p.back-to-top a{
		color:#4F7477;
		font-weight:normal;
		text-decoration:none;
	}
	#transportEcosystem-Info div.info-block p.back-to-top a:hover{
		text-decoration:underline;
	}
	#transportEcosystem-Info div.info-block p.back-to-top a.mobile{
		display:none;
	}
			
			
	/* Retina Images */
	@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		
		#transportEcosystem #transportEcosystem-Contacts a.contacts-button.active{
			background-image:url('img/contact-open@2x.png');
			background-size:60px 60px;
		}
	
		#transportEcosystem #transportEcosystem-Contacts a.contacts-button{
			background-image:url('img/contact-closed@2x.png');
			background-size:60px 60px;
		}
		
		#transportEcosystem #transportEcosystem-Diagram{
			background:url('img/background@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
		
		#transportEcosystem #transportEcosystem-Diagram{
			background:url('img/background@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
		
		#transportEcosystem #transportEcosystem-Diagram{
			background:url('img/background@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
		
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.destination,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.destination{
			background:url('img/destination@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.infrastructure,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.infrastructure{
			background:url('img/infrastructure@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.people_and_freight,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.people_and_freight{
			background:url('img/people_and_freight@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.regulatory,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.regulatory{
			background:url('img/regulatory@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
	
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Background.transport_operators,
		#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-IntroBackground.transport_operators{
			background:url('img/transport_operators@2x.png') center center no-repeat;
			background-size:530px 530px;
		}
	}
				
				
	/* Colours */
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links a.people_and_freight,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.people_and_freight h1,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.people_and_freight a.more-info,
	#transportEcosystem #transportEcosystem-Info div.people_and_freight h1,
	#transportEcosystem #transportEcosystem-Info div.people_and_freight h2,
	#transportEcosystem #transportEcosystem-Info div.people_and_freight p.back-to-top a{
		color:#E63C54;
	}
	#transportEcosystem #transportEcosystem-Intro div.people_and_freight a.close_button{
		background:#E63C54;
	}
	
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links a.transport_operators,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.transport_operators h1,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.transport_operators a.more-info,
	#transportEcosystem #transportEcosystem-Info div.transport_operators h1,
	#transportEcosystem #transportEcosystem-Info div.transport_operators h2,
	#transportEcosystem #transportEcosystem-Info div.transport_operators p.back-to-top a{
		color:#31958C;
	}
	#transportEcosystem #transportEcosystem-Intro div.transport_operators a.close_button{
		background:#31958C;
	}

	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links a.infrastructure,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.infrastructure h1,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.infrastructure a.more-info,
	#transportEcosystem #transportEcosystem-Info div.infrastructure h1,
	#transportEcosystem #transportEcosystem-Info div.infrastructure h2,
	#transportEcosystem #transportEcosystem-Info div.infrastructure p.back-to-top a{
		color:#BE1E2D;
	}
	#transportEcosystem #transportEcosystem-Intro div.infrastructure a.close_button{
		background:#BE1E2D;
	}

	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Links a.regulatory,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.regulatory h1,
	#transportEcosystem #transportEcosystem-Diagram #transportEcosystem-Intro div.regulatory a.more-info,
	#transportEcosystem #transportEcosystem-Info div.regulatory h1,
	#transportEcosystem #transportEcosystem-Info div.regulatory h2,
	#transportEcosystem #transportEcosystem-Info div.regulatory p.back-to-top a{
		color:#F16534;
	}
	#transportEcosystem #transportEcosystem-Intro div.regulatory a.close_button{
		background:#F16534;
	}
	
	/* Contacts */
	#transportEcosystem.no-js #transportEcosystem-Contacts{
		display:none !important;
	}


	/* No JS */				
	#transportEcosystem.no-js #transportEcosystem-Info,
	#transportEcosystem.no-js #transportEcosystem-Info .description,
	#transportEcosystem.no-js #transportEcosystem-Info div{
		display:block !important;
		clear:both;
	}
	
	#transportEcosystem.no-js #transportEcosystem-Info div.info-block h1{
		background-image:none;
	}
	#transportEcosystem.no-js #transportEcosystem-Info div.info-block h1:hover{
		cursor:default;
		opacity:1.0;
	}
	
	#transportEcosystem.no-js #transportEcosystem-Diagram{
		display:none;
	}
	
	#transportEcosystem.no-js #transportEcosystem-Info img{
		display:inline-block !important;
	}