/*
	Exova Base Styles
	-------------------------------- */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section
	{
		display: block;
	}

	body
	{
		line-height: 1;
	}

	ol, ul
	{
		list-style: none;
	}

	strong {
		font-weight: bold;
	}

	em {
		font-style: italic;
	}

	blockquote, q
	{
		quotes: none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after
	{
		main-image: '';
		main-image: none;
	}

	table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}

	html
	{
		font-size: 100%;
	}

	strong
	{
		font-weight: bold;
	}

/*
	Base Styles
	-------------------------------- */

	.container
	{
		width: 90%;
		max-width: 1010px;

		margin: 0 auto;
	}

	#logo
	{
		background: url('../images/mobile_mainlogo.png');
		width: 115px;
		height: 139px;
		
		display: block;
		z-index: 2;

		text-indent: -10000px;
	}

	.catalyst-logo
	{
		background: url('/images/exova-catalyst-mobile-logo.jpg') !important;
		width: 115px;
		height: 139px;
		
		display: block;
		z-index: 2;

		text-indent: -10000px;
	}

	a
	{
		text-decoration: none;
		color: inherit;

		cursor: pointer;
	}

	iframe
	{
		width: 100%;
	}

	table h4
	{
		padding-bottom: 1em;
	}

	iframe.enquiry
	{
		width: 90%;
		margin: auto;
		display: block;
		min-height: 1540px;
	}

	.facilities p.black
	{
		color: #000;
	}

	.container.body-text ul li
	{
		list-style: disc inside;
		/*margin-left: 1em;*/
	}

	.container.body-text ul li > h1,
	.container.body-text ul li > h2,
	.container.body-text ul li > h3,
	.container.body-text ul li > h4,
	.container.body-text ul li > h5,
	.container.body-text ul li > h6
	{
		list-style: none;
	}

	.container.body-text ol li
	{
		list-style: decimal;
		margin-left: 1.2em;

	}

/*
	Header Styles
	-------------------------------- */

	#header
	{
		background: #000;
		overflow: hidden;

		position: relative;
	}


	#header #search-bar
	{
		padding: 1em 0;
		margin-top: 1em;

		border-top: 2px solid #FFF;
	}

	#header #menu-bar
	{
		padding: 0.875em 0;
		background: #1d87c5;

		border-top: 1px solid #FFF;
		border-bottom: 2px solid #FFF;

		text-align: center;
		font-size: 1.09375em;
		font-family: AvantGardeGothicITCBook, arial;
		color: #FFF;
	}

	.menu-facilities
	{
		padding: 0.875em 5%;
		background: #1d87c5;
		color: #FFF;
		display: none;
	}

	#header .navigation ul
	{
		width: 100%;
		margin: 0 auto;
	}

	.advanced #header .navigation ul.show,
	#header .navigation ul > li ul li .info.show,
	.advanced .content .sector-container.show
	{
		display: block;
	}

	#header .navigation > ul > li
	{
		background: #1d87c5;
		color: #FFF;

		font-family: AvantGardeGothicITCBook, arial;
	}



	#header .navigation > ul > li > a:hover,
	#header .navigation > ul > li > a:focus,
	#header .navigation > ul > li > a.active
	{
		background: #a2cde6;
	}

	.advanced #header .navigation > ul > li > ul,
	#header .navigation > ul > li > ul
	{
		display: none;
		z-index: 3 !important;
	}

	#header .navigation > ul > li > a.active + ul
	{
		display: block;
	}

	#header .navigation > ul > li ul li
	{
		background: #2abad4;
		border-top: 1px solid #000;
		padding: 0 2em;
	}

	#header .navigation .info p
	{
		font-size: 0.8em;
	}

	#header .navigation .info h4
	{
		border-bottom: 1px solid #FFF;
		padding-bottom: 0.4em;
		margin-bottom: 0.4em;
	}

	#header .navigation ul > li ul li a:hover,
	#header .navigation ul > li ul li a:focus
	{
		color: #FFF;
	}

	#header .navigation ul > li ul li > ul li
	{
		background: #000;
		display: none;
	}

	#header .navigation ul > li ul li > ul li a
	{
		padding: 2% 15%;
	}

	#header .navigation ul > li + li
	{
		border-top: 1px solid #000;
	}

	#header .navigation ul li a
	{
		display: block;
		padding: 0.5em 0.5em;
	}

	#header .navigation ul li .info li
	{
		padding: 0;
		width: auto;
	}

/*
	main-image Styles
	-------------------------------- */

	.main-image
	{
		display: none;

		z-index: -1;

		-webkit-transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		moz-transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		-o-transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	}


	.main-image.one
	{
		display: block;
		background: url('/media/562531/background-1.jpg') no-repeat center center fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.main-image.two
	{
		background: url('/media/562654/background-2.jpg') no-repeat center center fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.main-image.three
	{
		background: url('/media/562541/background-3.jpg') no-repeat center center fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.main-image.four
	{
		background: url('/media/562546/background-4.jpg') no-repeat center center fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}


/*
	Dialog-Box Styles
	-------------------------------- */

	.dialog-box
	{
		background: url('/images/dialog-bg.png');
		color: #FFF;
		padding: 1em 0;
		overflow: hidden;
	}

	.dialog-box a
	{
		color: #00bdd6;
		font-family: AvantGardeGothicITCBook, arial;

		margin-top: 1em;
		float: right;
	}

	.dialog-box p
	{
		font-size: 0.95em;
	}



/*
	Sidebar Styles
	-------------------------------- */
	
	#sidebar
	{
		background: #ecece4;
		padding: 1.5em 0 0 0;
		color: #5d5c6a;
	}



	.industrylanding
	{
		padding: 0 0 0 0;
	}

	.generic h4
	{
		color: #00bdd6;
		width: 90%;

		margin: 0 0 0.5em 0;
		padding: 0 0.2em 0.5em 0.2em;

		border-bottom: 1px dotted #555555;
	}

	.generic ul
	{
		margin: 0 auto 0.5em auto;
	}

	#sidebar .side-nav
	{
		margin: 1em 0;
		padding-top: 1em;
		border-top: 1px solid #e0e0d8;
	}


	#sidebar .side-nav li a
	{
		padding: 0.1em 0.3em;
		display: block;
		font-size: 0.95em;
	}

	#sidebar .side-nav li a:hover,
	#sidebar .side-nav li a:focus
	{
		background: #FFF;
	}

	#sidebar .pod a:hover,
	#sidebar .pod a:focus
	{
		color: #FFF;
	}

	#sidebar .pod p
	{
		color: #cbcbcb;
	}

	#sidebar .side-nav li + li
	{
		margin-top: 0.3em;
	}


	.industrylanding
	{

	
	}

	#sidebar .arrow
	{
		width: 12px;
		height: 14px;	
		background: url('/images/button-arrow-purple.png');
		display: block;
		top: 12px;
		right: 12px;
	}

	#sidebar a.news-article h4
	{
		color: #1c87c5;
		background: #eceae4;
		width: 100%;
	}

	#sidebar .pod.news p
	{
		font-size: 0.9em;
	    margin-top:10px;
	}

	#sidebar a.news-article img {

	}

	#sidebar .pod.news a.news-link
	{
		display: block;
		margin-bottom: 0em 0 1em 0;
	}


	#sidebar a.news-article h4 span,
	#sidebar .pod.news > span
	{
		background: url('../images/button-arrow-purple.png') no-repeat;
		width: 12px;
		height: 14px;
		text-indent: -9999px;
	}

#sidebar .news-heading {
	background: #23232d;
}

#sidebar .news-heading {
	color:#fff;
	padding:10px 0 10px 10px;
}

#sidebar .news-heading h4 {
	padding-bottom:10px;
}

#sidebar .news-heading p {
	font-size:0.95em;
}


.news-feature {
	width:100%;
	float:left;
}

ul#news-list {
    width:100%;
    float:left;
	padding:0;
    padding:0;	
}

#sidebar .news-feature h4 {
	padding:10px;
	font-size:1em;
	line-height:1.2em;
}


ul#news-list li {
	display:block;
	width:100%;
}

#sidebar a.news-article h4 {
    font-size:0.95em;
    width:90%;
}


#pod-wrapper {
	width:100%;
	float:left;
	margin:0;
	padding-bottom:5px;
}

#pod-wrapper ul.pod-item {
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  
	
	margin:0 5% 10px 5%;
	float:left;
	width:90%;

	background: #23232d;
}

ul.pod-item {
	background: #23232d;
	margin-bottom:1em;
}

ul.pod-item h4 {
	font-size: 1.09375em;
	color:#fff;
	margin:8px 0 0 0px;
	width:80%;
	float:left;
	padding:0px 0 0 10px;
}

.home ul.pod-item h4 {
	padding:0px 0 0 10px;
	}


ul.pod-item p {
    padding:10px;
	width:100%;
	float:left;

}

span.arrow {
	float:right;
	margin:10px 8px 0 0;
}

.home span.arrow {
	float:right;
	margin:10px 8px 0 0;
}

ul.pod-item img {
	padding:15px 0px 10px 0px;	
}


.home ul.pod-item img {
	padding:20px 0px 10px 0px;

	}


.location img{margin-left:25px;}

/* USed to target the careers image only */
ul.pod-item a.careers img {
	width:100%;
	padding-bottom:0px !important;
	padding-top:5px !important;
	}

#pod-wrapper ul#pod-list li {
	display:block;	
	width:100%;
	margin:0 0 10px 0;
}


	#sidebar .news-article
	{
		margin-top: 0em;
	}

	#sidebar .side-nav span,
	.generic span
	{
		color: #963992;
		padding-left: 5px;
		position: relative;
		top: 1px;
	}

/*
	Case Studies Styles
	-------------------------------- */

	.wrapper.main-content
	{
		overflow: hidden;
	}

	.wrapper.three-column
	{
		overflow: hidden;
	}

	#case-studies
	{
		background: #000;
		padding: 1em 0;

		color: #FFF;

		overflow: hidden;
	}

	#case-studies ul img
	{
		width: 74px;
		height: 74px;
	}

	#case-studies .container
	{
		width: 95%;
	}

	#case-studies h4
	{
		float: left;
		margin-right: 1.5em;
	}

	#case-studies ul
	{
		float: left;
		margin-top: -1em;
	}

	#case-studies ul li
	{
		display: inline;
	}

	#case-studies ul .even img
	{
		margin-left: 1em;
		margin-top: 1em;
	}

	#case-studies p
	{
		font-size: 0.835em;
		color: #9f9da8;
	}

/*
	Case Studies Styles
	-------------------------------- */

	#footer
	{
		padding: 1em 0;
		overflow: hidden;
	}

	#footer p
	{
		font-size: 0.8em;
		display: block;
		float: right;
	}

	#footer ul.right-footer
	{
		float: right;
	}

	#footer li.linkedin
	{
		height: 15px;
	}

	#footer li.linkedin span
	{
		position: relative;
		top: -0.1em;
	}

	#footer li.linkedin img
	{
		position: relative;
		top: -2px;
	}

	#footer ul
	{
		float: left;
	}

	#footer ul.right-footer
	{
		float: right;
	}

	#footer li
	{
		font-size: 0.8em
	}

	#footer li + li
	{
		margin-top: 0.5em;
	}

	#footer a
	{
		color: #000;
	}

    /* Fire */
    
    .video-fire {
        width:100%;
        max-width:728px;
        height:auto;
    }




























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */