/*
	Media Query Styles
	-------------------------------- */

/*
	Hide until media queries are parsed
	------------------------------------------ */

	/* Hide body */
	.advanced body
	{
		visibility: hidden;
	}
	
	/* Show body when media queries are loaded (IE7/IE8) */
	@media only all
	{
		.advanced body
		{
			visibility: visible;
		}
	}

/*
	Smartphones (portrait and landscape)
	------------------------------------------ */

	@media (max-width:480px)
	{
		#menu-bar
		{
			display: block;
		}

		#case-studies h4
		{
			width: 50px;
		}
		
		.content .column-one > ul li img
		{
			float: none;
			margin-bottom: 0.5em;
		}

		.content div.column-one > ul p
		{
			margin-left: 0;
		}

		.content div.column-one > ul .corner
		{
			left: -100px;
		}

		.content .column-one > ul > li
		{
			padding-bottom: 3em !important;
		}

		.pagination ul.pages 
		{
			display: block;
			text-align: center;
			width: 100%;
		}

		.pagination ul.pages  li a 
		{
			padding: 15px;
		}

		.pagination ul.pages
		{	
			height: 50px;
		}

		.pagination p.num-showing 
		{	
			float: left;
			font-size: 0.8em;
		}

		.pagination div.display-num
		{
			width: 50%;
		}

		div.main-content .main-image
		{
			height: 210px;
		}

	}
/*
	Smartphones (landscape)
	------------------------------- */

	@media (min-width:321px)
	{
		#menu-bar
		{
			display: block;
		}
		
		.current-opportunities form select
		{
			width: 120%;
			padding-right: 63px;
		}


		@-moz-document url-prefix()
		{
			.current-opportunities form select
			{
				width: 100%;
				padding-right: 0;
			}
		}

	}

/*
	Between Smartphone - Ipad
	------------------------------- */

	@media (max-width:767px)
	{
		#case-studies p
		{
			display: none;
		}

		.column-two .body-text .export-profile img
		{
			float: none;
		}

		#sidebar a.news-article,
		#sidebar .pod.news p
		{
			display: none;
		}

		.industrylanding #sidebar .pod
		{
			width: 90%;
			margin: 1em 0 0 0;
		}

		#sidebar .pod.news > span
		{
			top: 39%;
		}

		#sidebar .pod.news a.news-link
		{
			padding: 5%;
		}

        #sidebar .news-heading {
	    display:none;
        }

		.content .content-box img
		{
			max-width: 300px;
			margin-top: 0;

			width: 80%;
		}

		.content .content-box h3,
		.content .content-box p
		{
			margin-left: 0;

			float: left;
			clear: both;

			margin-top: 0.5em;
		}

		.hashed-divider.facility
		{
			display: none;
		}

		.column-two .hero img
		{
			display: block;
			margin-top: 1em;
			float: left;
			width: 100%;
		}

		#case-studies ul
		{
			float: right;
			width: 168px;
			
			margin-top: 0;
		}

		.locations .level-three > li > a.active
		{
			margin-left: 2.5em;
		}
		
		#header .logo-section
		{
			overflow: hidden;
			padding-top: 1em;
		}

		#header #search-bar
		{
			overflow: hidden;
			text-align: center;
		}

		.content .column-one > ul > li
		{
			width: 44%;
			float: left;
			margin-bottom: 1em;
			padding: 2%;
		}

		.content .column-one ul.qualification
		{
			margin-top: 1em;
		}

		.industrylanding .hashed-divider.content-heading
		{
			width: 100%;
		}

		.expert-description-row
		{
			width: 100%;
			overflow: hidden;
		}

		.column-two img
		{
			max-width: 100%;
			margin-top: 1em;
		}

		iframe.enquiry
		{
			min-height: 1540px;
		}

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

		.industrylanding .hero
		{
			padding: 1em 0 0 0;
		}

        #sidebar {
	        float:left;
	        margin-bottom:10px;
        }

        body.home #sidebar {
            float:none;	
	        padding-bottom:10px;
	        margin-bottom:0;
        }

		.industrylanding #sidebar
		{
			padding: 1.5em 0 0em 0;
	        margin-bottom:1em;
		}

		ul.breadcrumbs
		{
			display: none;
		}

		.advanced #header .navigation ul
		{
			display: none;
		}
		
		.main-image
		{
			display: none;
		}

		.main-content .main-image
		{
			display: block;
			height: 300px;
			position: relative;

			background: url('/images/exova-mobile-background.jpg');
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}

		#enquiry
		{
			width: 90%;
		}

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

		#header #logo
		{
			float: left;
		}

		#header form
		{
			float: none;

			width: 90%;
			margin: auto;
		}

		.button-group
		{
			width: 168px;
		}

		.button.button-pink.enquiry
		{
			margin-bottom: 1em;
		}

		.industrylanding .heading-group
		{
			width: 90%;
			margin: auto;
		}

		.content .sector-list
		{
			padding: 3% 5% !important;
		}

		.content .facilities
		{
			background: #f0efea;
			padding: 1em 5% 0 5%;
			overflow: hidden;
		}

		.content .column-one > ul > li.even
		{
			clear: none;
		}

		.content .column-one > ul > li
		{
			clear: left;
		}

		.advanced .content .sector-container
		{
			display: none;
		}

		.advanced .menu-facilities
		{
			display: block;
		}

		.locations .level-three > li > a
		{
			padding: 0.5em 3em;
		}

		.locations .level-three > li > a.active
		{
			padding: 0.5em 2em;
		}

		.advanced .locations .location-description,
		.locations .location-description
		{
			/*width: 100%;*/
			margin-left: 0;
		}

		.advanced .locations .location-description
		{
			padding: 1em 2em 1em 4em;
			display: none;
		}

		.locations .location-description
		{
			display: block;
			padding: 1em 2em 1em 4em;
		}

		.locations #world-map
		{
			display: none;
		}

		.locations .container
		{
			width: 100%;
		}

		#footer ul
		{
			margin-top: 0.5em;
		}

		div#sidebar .pod.careers
		{
			padding-bottom: 0;
		}

		#sidebar .pod.careers img
		{
			width: auto;
		}
	}

	@media (min-width:768px)
	{
		#case-studies ul
		{
			margin-right: 1em;
		}

		/*.expert-description-row
		{
			width: 100%;
			overflow: hidden;
		}*/

		.column-two .body-text .expert-description-row img
		{
			margin-bottom: 0;
		}

		.industrylanding .hashed-divider.content-heading
		{
			width: 90%;
		}

		.locations .level-one
		{
			margin-left: 10px;
			overflow: hidden;
		}

		.locations .location-description
		{
			padding: 1em;
		}
		
		#header
		{
			overflow: visible;
		}

		.content div.column-one
		{
			width: 30%;
			float: right;

			overflow: visible;
		}

		.industrylanding .content div.column-one
		{
			width: 18%;
		}

		.locations .location-description
		{
			margin-bottom: 1em;
			width: 340px;
			margin-left: 1em;
		}

		.content div.column-three
		{
			width: 21%;
			margin: 3em auto 1em auto;
			float: right;
		}

		.industrylanding .content div.column-three
		{
			float: right;
		}

		.content .column-one ul.qualification
		{
			margin-left: 80px;
			margin-top: 0;
		}

	/*	.industrylanding .heading-group
		{
			position: absolute;
			left: 10%;
			bottom: 25px;
		} */
		
		.industrylanding .heading-group
		{
			position: relative;
			left: 0;
			bottom: 0;
		}


		#header .navigation > ul
		{
			display: block;
		}

		.content .column-two
		{
			margin-top: 1em;
			overflow: hidden;
		}

		.button-group
		{
			height: 25px;
			margin: 1em 0;
		}

		.button.button-black.client
		{
			margin-right: 0.5em;
		}

		/*.industrylanding .hero
		{
			height: 360px;
		}*/

		.hero
		{
			position: relative;
			overflow: hidden;
		}

		.advanced .locations .level-one > li > a
		{
			border-right: 1px solid #525260;
			width: 145px;
			float: left;
			clear: both;
		}

		.locations .level-one > li > a
		{
			width: 100%;
		}

		.advanced .locations .level-two
		{
			position: absolute;
			left: 10px;

			width: 0;
			min-height: 100%;

			padding-top: 1em;
			margin-left: 177px;

			border-right: 1px solid #525260;
			border-left: 1px solid #525260;
		}



		.locations .level-two
		{
			padding-top: 1em;
		}

		.advanced .locations .level-three
		{
			position: absolute;
			top: 19px;
			margin-left: 192px;
			max-width: 190px;
			display: none;
		}

		.locations .level-three
		{
			margin-left: 1em;
		}

		.locations .opened
		{
			overflow: visible;
			width: auto;
		}

		.locations .level-two.opened
		{
			min-width: 197px;
		}

		.locations .level-three > li > a
		{
			display: none;
		}

		.advanced .locations .level-three > li > a
		{
			display: block;
			padding: 0.5em 2em;
		}

		.locations .container
		{
			width: 100%;
			max-width: 1010px;
			min-height: 570px;

			position: relative;

			padding-bottom: 75px;
		}

		#sidebar
		{
			min-width: 220px;
			max-width: 220px;
			float: right;
		}

		.industrylanding #sidebar
		{
			float: right;
		}

		.main-image
		{
			min-height: 100%;
			min-width: 1024px;

			width: 100%;
			height: auto;

			position: fixed;
			top: 0;
			left: 0;

			z-index: -1;
		}

		/* Enable for CSS transitions */
		.images.enabled .main-image
		{
			opacity: 0;
			display: block;
		}

		.images.enabled .main-image.one
		{
			opacity: 1;
		}

		.dialog-box
		{
			width: 520px;
		    float: left;

			margin-top: 250px;
			margin-left: 5%;
		}

		#case-studies
		{
			width: 100%;
		}

		#menu-bar
		{
			display: none;
		}

		#footer
		{
			float: left;
			background: #FFF;
			width: 100%;
		}

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

		#footer li + li
		{
			margin-left: 1em;
			padding-left: 1em;

			border-left: 1px solid #000;
		}

		#header .navigation ul > li + li
		{
			border: none;
		}

		#header .navigation > ul > li
		{
			width: 50%;
			float: left;
		}

		#header .navigation
		{
			width: 70%;
			float: right;

			position: absolute;
			bottom: 0;
			right: 0;
		}

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

		#header .navigation ul > li ul li a
		{
			padding: 0.25em 0;
			font-size: 0.875em;
		}

		#header #search-bar
		{
			margin-top: 0;
			border: none;
		}

		.hero h1,
		.hero h2
		{
			background: url('/images/dialog-bg.png');
		}

		#logo
		{
			float: left;
			background: url('../images/home_mainlogo_black.jpg');

			width: 189px;
			height: 204px;
		}

		.catalyst-logo {
			background: url('/images/exova-catalyst-logo.jpg') !important;
		}
		
		#case-studies ul img
		{
			margin-left: 1em;
			margin-top: 1em;

			width: 74px;
		}

		.content .column-one > ul > li
		{
			float: right;
			clear: both;

			padding: 15px 15px 3em 15px;

			width: 190px;
		}

		.content .sector-list
		{
			width: 84%;
			margin: auto;
		}

		.content .sector
		{
			width: 33%;
			float: left;
		}

		.column-three ul.generic
		{
			padding: 1em 0;
			float: right;
			clear: both;

			width: 220px;
		}

		.content .column-two
		{
			width: 70%;
			float: left;
		}

		.column-two img
		{
			max-width: 100%;
			display: block;
		}

		.column-two .hero img
		{
			width: 90%;
			float: left;
			margin-left: 5%;
		}

		.column-two .body-text img
		{
			max-width: 100%;
		}

	/*	.industrylanding .heading-group
		{
			position: absolute;
			left: 10%;
			bottom: 25px;
		}

		
		} */
		.industrylanding .heading-group 
		{
			position: relative;
			left: 0;
			bottom: 0;
		}
		
		#enquiry .button.button-black
		{
			margin-left: 130px;
		}

		#enquiry input,
		#enquiry textarea
		{
			margin-left: 130px;
			width: 65%;
			display: block;
		}

		#enquiry label
		{
			float: left;
			margin-top: 10px;
			max-width: 120px;
		}

		#enquiry select
		{
			display: block;
			margin-left: 130px;
		}
	}

	@media (min-width:768px) and (max-width:1024px)
	{
		#header form
		{
			width: 220px;
		}

		.industrylanding .hero
		{
			width: 95%;
		}


		.column-two .hero img
		{
			width: 110%;
			max-width: 110%;
			float: left;
		}

		.industrylanding .hashed-divider.content-heading
		{
			width: 90%;
			margin: 1em auto;
		}

		#header
		{
			min-height: 235px;
		}

		.content .sector-list
		{
			width: 86%;
		}

		.industrylanding .content .button-contact-group .button
		{
			margin-left: 1em;
			margin-right: 0;
		}

		.industrylanding .content div.column-one
		{
			float: left;
			width: 90%;
			padding: 1em 4%;
		}

		.industrylanding .sector-container .container
		{
			width: 90%;
			max-width: 1010px;
			margin: 1em 4%;
		}

		.industrylanding .content .column-one > ul > li
		{
			float: left;
			clear: none;
		}

		.industrylanding .content .column-one > ul > li + li
		{
			margin-left: 2%;
		}

		.industrylanding .content .column-one > h3
		{
			float: none;
			margin-right: 0;
		}

		.industrylanding .content div.column-one > ul .corner
		{
			left: -75px;
		}

		.industrylanding .content .column-one > ul > li
		{
			min-width: 130px;
			width: 20%;

			padding: 10px 10px 40px 10px;
		}

		.industrylanding .content .button-contact-group
		{
			margin: 1em auto 0em auto;
		}

		.industrylanding .column-one div.hashed-divider
		{
			display: block;
		}

		.content .button-contact-group .button
		{
			float: right;
		}

		#header #search-bar
		{
			margin-left: 30%;
		}


		.content .column-one
		{
			clear: right;
		}

		.content .column-one > h3
		{
			float: right;
			margin-right: 95px;
		}

		.content div.column-one > ul .corner
		{
			left: -25px;
		}
		
		.advanced #header .navigation ul > li > ul.show
		{
			position: absolute;
			width: 50%;
		}

		#header .navigation > ul > li > ul
		{
			position: absolute;
			width: 50%;
			background: #222222;
			padding: 1em 0;
		}

		#header #search-bar
		{
			position: absolute;
		}



		#header #search-bar input
		{
			width: 45%;
		}




		.advanced .locations .location-description
		{
			width: 145px;
			position: absolute;
			left: 202px;
			top: 250px;
		}

		.advanced .locations #world-map
		{
			display: block;
			position: absolute;
			right: -130px;
			top: 20px;
		}

		.locations #world-map
		{
			display: none;
		}

		.dialog-box
		{
			width: 460px;
		}

		.column-one div.hashed-divider
		{
			display: none;
		}
	}
	
	@media (max-width:1024px)
	{
		#header .navigation ul > li ul li .info,
		#header .navigation ul > li ul li .info.show
		{
			display: none;
		}

		@-moz-document url-prefix()
		{
			.content .sector-container
			{
				display: block;
			    float: left;
			    margin-top: 1em;
			    width: 100%;
			}
		}
	}

/*
	Desktops and laptops 
	------------------------------- */

	@media (min-width:1025px)
	{
		#header .navigation > ul > li
		{
			padding: 0;
		}

		body
		{
			position: relative;
		}

		.locations
		{
			margin: 0 auto;
		}

		#header .navigation > ul > li.item-1 ul,
		#header .navigation > ul > li.item-2 ul
		{
			left: 0;
		}

		.content .sector-container
		{
			width: 65%;
			margin-left: 189px;

			overflow: hidden;
		}

		.advanced .locations .location-description
		{
			position: absolute;
			top: 300px;
			left: 250px;
			width: 320px;
		}

		.advanced .locations #world-map
		{
			display: block;
			position: absolute;
			right: 10px;
			top: 20px;
		}

		.locations #world-map
		{
			display: none;
		}
		
		#header .navigation > ul > li.item-3 > ul
		{
			margin-left: -15%;
		}

		#header
		{
			max-width: 1010px;
			overflow: visible;

			margin: 0 auto;
		}

		.wrapper
		{
			width: 1010px;
	        margin:0 auto;
			position: relative;
		}

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

		.main-image
		{
			top: 0;
		}

		#logo
		{
			position: absolute;
			left: 0;
		}

		#header .navigation
		{
			width: 821px;
		}

		#header .navigation > ul
		{
			background: #1d87c5;
			overflow: hidden;

			width: 100%;
		}

		#header .navigation > ul > li
		{
			width: auto;
		}

		#header .navigation > ul > li.item-7 > ul
		{
			margin-left: -15%;
		}

		#header .navigation ul > li ul li
		{
			padding: 0 1.5em;
			width: 170px;
		}

		#header .navigation > ul > li > ul
		{
			position: absolute;
			z-index: 3;

			max-width: 420px;
			min-height: 260px;

			padding: 1em 0;
			background: #222;
		}

		#header .navigation > ul > li.item-2 > ul,
		#header .navigation > ul > li.item-3 > ul
		{
			min-height: 360px;
		}

		#header .navigation ul > li ul li .info
		{
			position: absolute;
			top: 5%;
			left: 210px;

			background: #1d87c5;

			width: 160px;
			height: 82%;
			padding: 2%;
			overflow: hidden;

			display: none;
		}

		.content div.column-one
		{
			position: absolute;
			left: 0;
			margin-top: 7.5em;

			width: auto;
		}

		#header #search-bar
		{
			width: 80%;
			height: 37px;

			margin-left: 189px;
		}

		#header #search-bar #search
		{
			width: 240px;
		}

		.content div.column-one > ul .corner
		{
			left: -50px;
		}
		.pagination ul.pages 
		{
			float: left;
			margin: 16px 0 0 0px;
		}
		.pagination .pages  li  
		{
			display: inline;
		}
		.pagination .pages  li a 
		{
			background: none repeat scroll 0 0 #A74397;
			border: none !important;
			color: #FFFFFF;
			display: inline;
			padding: 5px !important;
		}
		.pagination .pages  li a.active 
		{
			background: transparent;
			color: #6c6f7d;
		}

		.content .pagination span.page 
		{
			color: #6c6f7d;
			display: inline;
			float: right;
			font-size: 0.9em;
			margin-right: 10px;
			margin-top: 12px;
		}
		.pagination .display-num 
		{
			float: right;
			width: 30%;
		}
		.pagination .num-showing 
		{
			float: right;
			font-size: 0.9em;
			margin: 8px 10px 0 0;
		}

		#footer
		{
			margin-top: 1em;
		}

		#header .navigation
		{
			margin-left: 189px;
			right: auto;

			position: relative;
		}

		#case-studies
		{
			margin: 0 auto;

			position: absolute;
			bottom: 0;

			width: 75%;
		}

		.content .column-two
		{
			width: 60%;
			margin-left: 189px;

			clear: both;
		}

		.content .column-one > ul > li
		{
			width: 159px;
		}

		.current-opportunities form
		{	
			height: auto;
			overflow: auto;
		}

		.current-opportunities .section 
		{	
			float: left;
			margin-left: 8%;
			width: 28%;
		}

		.current-opportunities .section.no-margin 
		{	
			margin-left: 0;
		}

		.locationlanding .hashed-divider
		{
			width: 1010px;
			margin: 1em auto;
		}

	}

	@media (min-width:1025px) and (max-width: 1249px)
	{
		#header .navigation > ul > li.last-item-2 ul,
		#header .navigation > ul > li.last-item-3 ul
		{
			right: 0;
		}

		#header .navigation > ul > li.last-item-1 ul
		{
			left: 0;
		}

		.content .sector-container
		{
			width: 60%;
		}


	}


	@media (min-width:1250px)
	{
		.wrapper
		{
			width: 1200px;
			margin:0;
		}

		.home .wrapper
		{
			width: 1175px;
		}

		body
		{
			width: 1250px;
			float: right;
		}

		.content div.column-one
		{
			max-width: 189px;
		}

		@-moz-document url-prefix()
		{
			body
			{
				width: 1225px;
			}

			body #header .navigation
			{
				width: 986px !important;
			}
		}

		#header .navigation
		{
			width: 1011px;
			/* z-index: 3; Commented out due to news feed over lapping */
		}


		.home .wrapper.main-content
		{
			overflow: visible;
		}

		.industrylanding .content div.column-one
		{
			width: 15%;
		}

		.industrylanding .content .sector-container
		{
			width: 65%;
		}

		#case-studies
		{
			position: static;

			width: 100%;
			margin-top: 1em;

			float: left;

			padding-left: 50px;
		}


		.locations .container
		{
			float: left;
		}

		#header .navigation > ul
		{
			padding-right: 50px;
		}

		
		#header
		{
			padding-right: 50px;
		}

		#header .navigation
		{
			width: 1011px;
		}

		#header
		{
			max-width: 1200px;
		}

		.content div.column-three
		{
			width: 19%;
		}

		.content .column-two {
			width: 65%;
			margin-left: 188px;
		}

		.container
		{
			max-width: 1200px;
		}

		.locationlanding .hashed-divider
		{
			width: 100%;
			margin: 1em auto;
		}

		#header .navigation > ul > li.last-item-2 > ul,
		#header .navigation > ul > li.last-item-1 > ul
		{
			margin-left: -20%;
		}
	}

	@media (min-width:1470px)
	{

		#header .navigation > ul
		{
			padding-right: 250px;
		}

		body
		{
			width: 1350px;
		}

		#case-studies
		{
			padding-right: 100px;
		}

		body #header .navigation
		{
			width: 911px;
		}

		@-moz-document url-prefix()
		{
			body
			{
				width: 1350px;
			}

			body #header .navigation
			{
				width: 911px !important;
			}

			#case-studies
			{
				padding-right: 125px;
			}
		}



		.wrapper
		{
			margin: 0;
		}

		#header
		{
			padding-right: 250px;
		}
	}

	@media (min-width:1650px)
	{
		body
		{
			width: 1450px !important;
			margin: auto;

			float: none;
		}

		body #header .navigation
		{
			width: 1011px;
		}

	}



/* News homepage feed */
@media screen and (min-width: 1024px) {
	.dialog-box {
	margin-top:10%;
}
			
					

}


@media screen and (min-width: 768px) and (max-width:1024px) {
.dialog-box {
	margin-top:10px;
	width:64%;

}

}
				
@media screen and (Max-width:767px) {
	
	
	#news-wrapper h2.news-heading {
	padding:10px 0 10px 0;
}
	
	.news-article {
	border-bottom:1px solid #fff;
	padding-bottom:8px;
	}	
	
	.news-image {
		width:100%;
		padding:0 0 16px 0;
		display:none;
	}

    .news-article h2 {
	padding-top:0.8em;
}
	
	.news-text {
		width:100%;
	}
	
			
}



/* Style to amend footer overlapping with news feed */ 

@media screen and (min-width:1024px) and (max-width:1250px) {
#case-studies {
			margin: 0 auto;
			position: relative;
			bottom: 0;
			width: 75%;
			float:left;
			margin-top:10px;
		}
}
	







































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