/* BASIC SETUP */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-weight: 300;
	background-color: #fff;
	color: #231f20;
}

/* useful styles */
.hr hr {
	display: none;
}
.hr, hr {
	border: 0;
	border-bottom: 3px solid #0090d4;
	margin: 2.5em 0;
}
.error {
	color: #FF0000;
}
.small {
	font-size: 0.75em;
}

b, strong {
	font-weight: 700;
}

.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
	.align-center ul {
		list-style-position: inside;
	}
.align-right {
	text-align: right;
}
.valign-top {
	vertical-align: top;
}
.valign-middle {
	vertical-align: middle;
}
.valign-bottom {
	vertical-align: bottom;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* common elements */
p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #0099d8;
}
a:hover {
	color: #777777;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color: #1e3c46;
	letter-spacing: .05em;
	margin-bottom: 1em;
	font-weight: bold;
	/*color: #0072bc;*/
	text-transform: uppercase;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
	h2 img {
		vertical-align: middle; height: 1.2em;
	}
	h2 + .date {
		margin-top: -1.2em;
	}
h3 {
	font-size: 1.3em;
}
h4, h5, h6 {
	font-size: 1.1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

.mobile {
	display: none;
}

.orange-arrow {
	background: url('../images/news-arrow-right.png') center/50% auto no-repeat #f58320;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	width: 1.2em; height: 1.2em;
}

html .roundedbox {
	/*border-radius: 4px;*/
	padding: 8px;
	margin: 10px 0;
}
	.roundedbox .title {
	font-size: 1.5em;
	padding-right: 30px;
}
	.roundedbox .title.noarrow {
	background-image: none;
}
	.roundedbox .subtitle {
	margin-top: 5px;
}
html .bluebox {
	background-color: #0099d8;
	color: #FFF;
}
	.bluebox a {
		color: #EEE;
	}
	.bluebox a:hover {
		color: #DDD;
	}
	.bluebox h1, .bluebox h2, .bluebox h3, .bluebox h4, .bluebox h5, .bluebox h6 {
		color: #FFF;
	}
	.bluebox .text {
		color: #FFF;
	}
html .darkbluebox {
	background-color: #1e3c46;
	color: #FFFFFF;
}
	.darkbluebox a {
		color: #EEE;
	}
	.darkbluebox a:hover {
		color: #DDD;
	}
	.darkbluebox h1, .darkbluebox h2, .darkbluebox h3, .darkbluebox h4, .darkbluebox h5, .darkbluebox h6 {
		color: #FFF;
	}
	.darkbluebox .text {
		color: #FFF;
	}
html .orangebox {
	background-color: #f38223;
	color: #FFF;
}
html .darkgreybox {
	background-color: #4d4d4d;
	color: #FFF;
}
	.darkgreybox h1, .darkgreybox h2, .darkgreybox h3, .darkgreybox h4, .darkgreybox h5, .darkgreybox h6 {
		color: #FFF;
	}
html .greybox {
	background-color: #58595b;
	color: #FFF;
}
	.greybox h1, .greybox h2, .greybox h3, .greybox h4, .greybox h5, .greybox h6 {
		color: #FFF;
	}
html .lightgreybox {
	background-color: #e7e8e9;
	padding: 1px 0;
}

html .grey {
	color: #808282;
}
html .light-blue {
	color: #0099d8;
}
html .dark-blue {
	color: #1e3c46;
}

.pager span, .navi span {
	display: inline-block;
	margin-left: 4px;
	cursor: pointer;
	background: url(../images/navi.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
}
.pager span:hover, .pager span.active, .navi span:hover, .navi span.active {
	background-position: 0 -16px;
}
.pager.blue span, .navi.blue span {
	background-image: url(../images/naviblue.png);
}




/* FORMS */
fieldset {
	border: 0;
}
input, select, textarea {
	vertical-align: middle;
	border: 1px solid #888888;
	font-size: 1em;
}
input.text, textarea.text, input[type=text], input[type=email], input[type=password] {
	font-size: 1em !important;
	color: #000000 !important;
	padding: 1px 0;
}
input.text-ghosted, textarea.text-ghosted {
	font-size: 1em !important;
	color: #808080 !important;
	padding: 1px 0;
}
input[type=submit], input[type=button], button, .form-button, .button {
	border: 0;
	background-color: #808282;
	color: #FFFFFF;
	cursor: pointer;
	width: auto;
	padding: 3px;
	/*border-radius: 4px;*/
	text-transform: uppercase;
	font-size: 0.8em;
}
input[type=submit]:hover, input[type=button]:hover, button:hover, .form-button:hover, .button:hover {
	background-color: #000000 !important;
}
.nolabels input.text, .nolabels input.text-ghosted, .nolabels textarea.text, .nolabels textarea.text-ghosted {
	width: 100%;
}


.c10 {
	float: left;
	width: 10%;
}
.c16 {
	float: left;
	width: 16.66%;
}
.c20 {
	float: left;
	width: 20%;
}
.c25 {
	float: left;
	width: 25%;
}
.c30 {
	float: left;
	width: 30%;
}
.c33 {
	float: left;
	width: 33.33%;
}
.c40 {
	float: left;
	width: 40%;
}
.c50 {
	float: left;
	width: 50%;
}
.c60 {
	float: left;
	width: 60%;
}
.c66 {
	float: left;
	width: 66.66%;
}
.c70 {
	float: left;
	width: 70%;
}
.c75 {
	float: left;
	width: 75%;
}
.c80 {
	float: left;
	width: 80%;
}
.c90 {
	float: left;
	width: 90%;
}
.c100 {
	float: left;
	width: 100%;
}
.cr {
	float: right !important;
}
.columns {
	margin: 0 -15px;
}
.columns.flex {
	display: flex;
	flex-wrap: wrap;
}
	.columns.flex .c10, .columns.flex .c16, .columns.flex .c20, .columns.flex .c25, .columns.flex .c30, .columns.flex .c33, .columns.flex .c40, .columns.flex .c50, .columns.flex .c60, .columns.flex .c66, .columns.flex .c70, .columns.flex .c80, .columns.flex .c90, .columns.flex .c100 {
		
		float: none !important;
	}
.columns .c10, .columns .c16, .columns .c20, .columns .c25, .columns .c30, .columns .c33, .columns .c40, .columns .c50, .columns .c60, .columns .c66, .columns .c70, .columns .c80, .columns .c90, .columns .c100 {
	padding: 0 15px;
	min-height: 1px;
}
	.columns:after {
		clear: both;
		content: '';
		display: block;
	}





/* PAGE STRUCTURE */
.root {
	width: 980px;
	margin: 0px auto;
}
body.popup .root {
	width: 100%;
}
	#header {
		padding: 20px 0;
		position: relative;
		background: url(../images/skyline.svg) bottom right/auto 100% no-repeat transparent;
	}
		#logo {
			float: left;
		}
			#logo img {
				width: 180px;
				height: auto;
			}

		#header .socialmedia {
			position: absolute; top: 20px; right: 0;
		}
			.socialmedia ul {
				list-style: none;
			}
			.socialmedia li {
				display: inline;
			}
			.socialmedia a {
				background-color: #0099d8;
				border-radius: 50%;
				display: inline-block;
				margin-right: 5px;
				width: 40px;
				height: 40px;
				background-repeat: no-repeat;
				background-size: 50% auto;
				background-position: center;
			}
			#header .socialmedia a {
				background-color: #1f353d;
				/*background-position: top left;*/
			}
			.socialmedia li:last-of-type a,
			.socialmedia > a:last-of-type {
				margin-right: 0;
			}
			.socialmedia a span {
				display: none;
			}
			.socialmedia a:hover,
			.socialmedia a:focus {
				background-color: #1f353d;
				/*background-position: top left;*/
			}
			#header .socialmedia a:hover,
			#header .socialmedia a:focus {
				background-color: #0099d8;
				/*background-position: bottom left;*/
			}
			.socialmedia .linkedin {
				background-image: url(../images/social/linkedin.svg);
			}
			.socialmedia .twitter {
				background-image: url(../images/social/twitter.svg);
			}
			.socialmedia .facebook {
				background-image: url(../images/social/facebook.svg);
			}
			.socialmedia .pinterest {
				background-image: url(../images/social/pinterest.svg);
			}
			.socialmedia .youtube {
				background-image: url(../images/social/youtube.svg);
			}
			.socialmedia .instagram {
				background-image: url(../images/social/instagram.svg);
			}
			.socialmedia .flickr {
				background-image: url(../images/social/flickr.svg);
			}
			.socialmedia .blog {
				background-image: url(../images/social/blog.svg);
			}

		#headerstrap {
			color: #2c3f49;
			position: absolute; right: 0; bottom: 20px;
			font-size: 1.5em;
			font-weight: normal;
			text-align: right;
		}

	.navigation {
		background: #1e3c46;
		color: #FFFFFF;
	}

		.menu-toggle {
			cursor: pointer;
			display: block;
			float: left;
			-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
			width: 1.8em; height: 1.5em;
		}
			.menu-toggle:before {
				color: #FFFFFF;
				content: 'Menu';
				display: block;
				font-weight: 300;
				padding-left: calc(100% + .8em);
				position: absolute; left: 0; top: calc(50% - .6em);
				text-transform: uppercase;
			}
			.menu-toggle span {
				background: #FFFFFF;
				display: block;
				position: absolute; left: 0;
				-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
				width: 100%; height: 2px;
			}
			.menu-toggle span:nth-child(1) { top: 0; }
			.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) { top: calc(50% - 1px); }
			.menu-toggle span:nth-child(4) { top: calc(100% - 2px); }
			body.show-menu .menu-toggle span:nth-child(1),
			body.show-menu .menu-toggle span:nth-child(4) { left: 50%; width: 0%; }
			body.show-menu .menu-toggle span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
			body.show-menu .menu-toggle span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	#search {
		display: flex;
		flex-wrap: nowrap;
		float: right;
		width: 250px;
	}
		#search input[type="text"] {
			border: 0;
			width: 77%;
			margin: 0 4px 0 0;
			padding: 4px;
		}
		#search input[type="submit"] {
			padding: 4px;
			font-size: 1.05em;
			width: 23%;
		}

	ul#main-navigation {
		/*background: rgba(255,255,255,.95);*/background: #1e3c46;
		border-left: 1px solid #FFFFFF;
		color: #FFFFFF;
		list-style-type: none;
		margin: 0; margin-right: -26em;
		overflow-y: auto;
		padding: 3em;
		position: fixed; top: 0; right: 0;
		transition: all .3s ease;
		width: 25em; max-width: 60%; max-height: 100vh;
		z-index: 2001;
	}
	body.show-menu ul#main-navigation {
		display: block;
		margin-right: 0;
	}
		ul#main-navigation > li {
			display: block;
		}
			ul#main-navigation a {
				color: inherit;
				display: block;
			}
			ul#main-navigation a:hover,
			ul#main-navigation a:focus {
				text-decoration: underline;
			}
			ul#main-navigation li.active > a {
				font-weight: bold;
				text-decoration: underline;
			}
			ul#main-navigation > li > a {
				display: block;
				padding: .4em 0;
			}
			ul#main-navigation ul {
				font-weight: 300;
				list-style-type: none;
				margin: 0;
			}
			ul#main-navigation > li > ul {
				padding: 0 0 .5em 1em;
			}
				ul#main-navigation > li > ul > li > ul {
				padding: 0 0 0 1em;
			}
				ul#main-navigation ul a {
					padding: .2em 0;
				}

	#header-banner {
		overflow: hidden;
		position: relative;
	}
		#header-banner .navi {
			position: absolute; bottom: 20px; right: 20px;
			z-index: 101;
		}
		#header-banner .item {
			position: relative;
			width: 100%;
		}
			#header-banner .item img {
				display: block;
				width: 100%;
			}
			#header-banner .item .content {
				color: #FFFFFF;
				font-size: 1.8em;
				font-weight: 300;
				padding: 30px 0 0;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				z-index: 2;
			}

	.twitter-bar {
		background: #0090d4;
		margin: 0;
		padding: 1px 0;
	}
		.twitter-feed {
			background: url(../images/twitterfeedicon.png) no-repeat left center/auto 1em;
			margin: 10px 0;
			padding-left: 30px;
			overflow: hidden;
		}
			.twitter-feed ul {
				list-style: none;
				position: relative;
			}
				.twitter-feed li {
					float: left;
					display: none;
				}
				.twitter-feed li:first-child {
					display: block;
				}
					.twitter-feed a {
						color: #FFF;
						white-space: nowrap;
					}

	body.popup #main-column {
		width: 100%;
		float: none;
	}
		.main-content {
			position: relative;
		}
		html .padded {
			padding-top: 3em; padding-bottom: 3em;
			position: relative;
		}
		html .padded.less {
			padding-top: 15px; padding-bottom: 15px;
		}
		.padded.less h2 {
			margin: 0;
		}
			.main-content p {
				line-height: 1.4em;
			}
			.main-content ul,
			.main-content ol {
				margin-left: 1.5em;
				margin-bottom: 1em;
			}
				.main-content li {
					margin-bottom: 0.3em;
				}

			/*.news-listing-item {
				clear: left;
				border-bottom: 1px solid #c2c2c2;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			.news-listing-item.last {
				border-bottom: 0;
			}
			.news-listing-image {
				float: left;
				width: 80px;
				border: 1px solid #c2c2c2;
			}
			.news-listing-image img {
				display: block;
				max-width: 100% !important;
				height: auto !important;
			}
			.news-listing-item.withimage .news-listing-text {
				margin-left: 96px;
			}
			.news-listing-text-date {
				font-size: 0.9em;
				text-align: right;
				font-style: italic;
				margin-top: 0.75em;
			}*/

			.jobs-filters {
				margin-bottom: 15px;
			}
			.jobs-filters select {
				width: 98%;
			}
			.jobs-filters p {
				margin-bottom: 5px;
			}
			.jobs-listing-item {
				clear: left;
				border-bottom: 1px solid #c2c2c2;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			.jobs-listing-item.last {
				border-bottom: 0;
			}
			.jobs-listing-image {
				float: left;
				width: 80px;
				border: 1px solid #c2c2c2;
			}
			.jobs-listing-item.withimage .jobs-listing-text {
				margin-left: 96px;
			}
			.jobs-listing-text-date {
				font-size: 0.9em;
				float: left;
				margin-top: 0.75em;
			}
			.jobs-listing-text-links {
				font-size: 0.9em;
				float: right;
				margin-top: 0.75em;
			}
			.jobs-listing-text-links a {
				font-weight: bold;
			}
			.jobs-filters .c10 {
				text-align: right;
			}

			#page-summary {
				padding: 15px;
				margin-bottom: 30px;
				margin-top: 0;
			}
			#page-summary .title {
				text-transform: uppercase;
				font-size: 1.3em;
			}


			.profile {
				border-bottom: 1px solid #e9e9ea;
				margin-bottom: 2em;
				padding: 2em 0;

				clear: both;
			}
				.profile-button {
					background: #0099d8;
					color: #FFFFFF;
					display: inline-block;
					font-weight: 300;
					margin: 1em 0 0;
					padding: .5em 1em;
					text-transform: uppercase;
				}
				.profile-logo {
					background: #FFFFFF;
					padding: 15px;
				}
					.profile-logo img {
						display: block;
						margin: 0 auto;
						width: auto; max-width: 100%; height: auto; max-height: 5em;
					}
				.profile-text {

				}
				.profile-text.no-logo {

				}
				.profile-company {
					text-transform: none;
					font-size: 1.1em !important;
					font-weight: bold !important;
					letter-spacing: 0;
					margin-bottom: .3em;
					min-height: 3em;
				}
				.profile-description {
					margin-bottom: 1em;
				}
				.profile-contacts {
					font-size: 1.2em;
				}
				.profile-contacts span {
					font-weight: bold;
					color: #0072bc;
				}
				.profile-contacts a {
					font-weight: bold;
				}
				.profile-url {
					text-align: right;
					margin: 0;
				}
				.profile-types {
					font-weight: bold;
					margin-bottom: 15px;
				}

			/*.profile.tier3 {
				background: #f2f2f2;
				border: 0;
			}
				.profile.tier3 .profile-text {

				}
				.profile.tier3 .profile-logo {

				}
				.profile.tier3 .profile-contacts {
					color: white;
					background-color: #0090d4;
				}
				.profile.tier3 .profile-contacts * {
					color: white;
				}*/

			.contentSearchCount {
				background: #D2D2D2;
				padding: 20px;
				border-radius: 8px;
				margin-bottom: 20px;
			}


			.profile-left {

			}


			.profile-grid {
				border: 1px solid #5d6062;
				font-family: 'Lato', sans-serif;
				font-size: .9em;
				overflow: hidden;
				padding: 1rem 1rem 4rem;
				position: relative;
				height: 100% !important;
			}
				.profile-grid .profile-logo img {
					object-fit: contain;
					height: 100px;
				}
				.profile-grid h2 {
					color: inherit;
					font-size: 1.2em;
					font-weight: normal;
					text-transform: uppercase;
				}
				.profile-grid .profile-contact-info a {
					color: #58595b;
					white-space: nowrap;
				}
				.profile-grid-categories {
					font-weight: bold;
					margin: 0 0 1em;
					text-transform: uppercase;
				}
				.profile-grid-footer {
					padding: 0 1rem;
					position: absolute; bottom: .5rem; left: 0;
					width: 100%;
				}
				.profile-grid .socialmedia {
					margin: .5em 0;
				}
				.profile-grid .socialmedia a {
					margin: 2px;
					width: 25px;
					height: 25px;
				}
				.profile-grid a:not([class]) {
					color: inherit;
				}
			.mb-3 {
				margin-bottom: 1rem;
			}
			.mb-4 {
				margin-bottom: 2rem;
			}

			.casestudy {
				margin-bottom: 16px;
				border-bottom: 1px solid #d2d2d2;
				clear: both;
				font-size: 0.9em;
			}
			.casestudy-image {
				float: left;
				width: 150px;
				padding: 20px 0;
			}
			.casestudy-text {
				margin-left: 170px;
				padding: 16px 0px;
			}
			.casestudy-title {
				text-transform: uppercase;
				font-size: 1.4em;
				font-weight: bold;
			}
			.casestudy-description {
				margin-bottom: 1em;
			}
			.casestudy-links {
				background-color: #D2D2D2;
				border-radius: 8px;
				padding: 12px;
				font-size: 1.1em;
			}
			.casestudy-links span {
				font-weight: bold;
				color: #0072bc;
			}
			.casestudy-links a {
				font-weight: bold;
			}

			.download-item {
				border-top: 1px dotted #d2d2d2;
				padding: 16px 0;
			}
				.download-item-image {
					width: 75px;
					float: left;
					outline: 1px solid #dcdcdc;
				}
				.download-item-text {
					margin-left: 90px;
				}

			.report-item {
				display: block;
				margin: 0 0 30px;
				position: relative;
			}
				.report-item img {
					border: 1px solid #f2f2f2;
					display: block;
					width: 100%;
				}
				.report-item .content {
					background: rgba(0,0,0,.75);
					color: #FFFFFF;
					font-size: 1em;
					font-weight: 300;
					margin: 0;
					padding: 15px;
					position: absolute; right: 0; bottom: 0; left: 0;
					text-align: center;
					text-transform: uppercase;
					z-index: 2;
				}

		/*#home-main {
			position: relative;
			background-repeat: no-repeat;
			height: 300px;
			margin: 0 0 10px 0;
			overflow: hidden;
			border-bottom: 6px solid #243c46;
		}
			#home-main .item {
				width: 100%;
				height: 100%;
				margin: 0;
				background-size: contain;
				background-position: top right;
				background-repeat: no-repeat;
			}
			#home-main .item .content {
				margin-right: 50%;
				padding: 10px;
			}
			#home-main .item h2 {
				font-size: 2em;
				font-family: Montserrat;
				line-height: 1.1em;
			}
			#home-main .item h2 * {
				font-family: Montserrat;
			}
			#home-main .item .more a {
				position: absolute;
				bottom: -6px;
				left: 0;
				height: 32px;
				background: url(../images/morebutton.png) no-repeat bottom left/contain;
				font-size: 1.5em;
				padding-left: 40px;
			}
			#home-main .navi {
				position: absolute;
				bottom: 10px;
				right: 10px;
				z-index: 1000;
			}*/

		.news-feed {

		}
			.news-feed .entry {
				color: #FFFFFF !important;
				display: block;
				font-weight: 500;
				margin: 0 0 30px;
				position: relative;
				text-transform: uppercase;
				z-index: 2;
			}
				.news-feed .entry:before {
					background: url('../images/news-arrow-right.png') center/contain no-repeat transparent;
					content: '';
					display: block;
					position: absolute; bottom: 15px; right: 15px;
					width: 30px; height: 20px;
					z-index: 3;
				}
				.news-feed .entry img {
					display: block;
					filter: grayscale(100%);
					object-fit: cover;
					margin: .5em auto;
					transition: all .3s ease;
					width: 100%; height: 230px;
				}
				.news-feed .entry:hover img,
				.news-feed .entry:focus img {
					filter: grayscale(0%);
				}
				.news-feed .entry .content {
					background: rgba(0,0,0,.5);
					display: flex;
					align-items: flex-end;
					padding: 15px 60px 15px 15px;
					position: absolute; top: 0; right: 0; bottom: 0; left: 0;
					text-align: initial;
					transition: background .6s ease;
					z-index: 2;
				}
				.news-feed .entry:hover .content,
				.news-feed .entry:focus .content,
				.news-feed .entry.hovered .content {
					background: transparent;
				}
				.news-feed .entry:after {
					background: #0099d8;
					content: '';
					opacity: 1;
					mix-blend-mode: multiply;
					position: absolute; top: 0; right: 0; bottom: 0; left: 0;
					transition: opacity .6s ease;
					z-index: 1;
				}
				.news-feed .entry:hover:after,
				.news-feed .entry:focus:after,
				.news-feed .entry.hovered:after {
					opacity: 0;
				}


		.info-icon {
			font-weight: 300;
			text-align: center;
		}
		.info-icon.active {
			opacity: .7;
		}
			.info-icon a {
				color: inherit;
				display: block;
			}
			.info-icon img {
				display: block;
				margin: 0 auto .5em;
				width: 50%;
			}
			.info-icon h3 {
				font-size: 1em;
			}


		/*project gallery */
		.gallery-feed {
			position: relative;
			text-align: center;
		}
			.gallery-feed .cycle-slideshow {
				margin: 0 auto;
				width: 80%;
			}
			.gallery-feed .prev,
			.gallery-feed .next,
			.events-feed .prev,
			.events-feed .next {
				cursor: pointer;
				width: 3em;
				height: 3em;
				position: absolute;
				background: url(../images/pagerarrows.png) no-repeat top left/cover;
				z-index: 502;
			}
			.gallery-feed .prev,
			.gallery-feed .next {
				filter: brightness(0) invert(1);
			}
			.gallery-feed .prev,
			.events-feed .prev {
				top: calc(50% - 1.5em);
				left: 0;
			}
			.gallery-feed .next,
			.events-feed .next {
				top: calc(50% - 1.5em);
				right: 0;
				background-position: bottom left;
			}

			.gallery-feed .cycle-slideshow .item {
				width: 100%;
				transform-style: preserve-3d;
				padding: 10px 0;
			}
				.gallery-feed .cycle-slideshow .item .entry {
					color: inherit;
					display: block;
					float: left;
					width: 22.3%;/*31.3%;*/
					margin: 0 1%;
					text-align: initial;
				}
					.gallery-feed .cycle-slideshow .item .entry img {
						display: block;
						margin: 0 0 .5em;
						width: 100%;
					}
				.gallery-feed .cycle-slideshow .item .name {
					font-size: 1em;
					font-weight: 300;
					text-transform: uppercase;
				}
				.gallery-feed .cycle-slideshow .item .location {

				}

			.gallery-feed .navi {
				text-align: right;
				padding: 10px;
				margin-right: 4.5em;
			}
			.gallery-feed .seeall a {
				font-family: Montserrat;
				position: absolute;
				bottom: 10px;
				right: 8px;
				text-transform: uppercase;
				color: white;
			}


		/* project gallery */
		.project-thumbnails .entry {
			display: block;
			margin: 0 0 30px;
			position: relative;
		}
			.project-thumbnails .entry img {
				display: block;
				width: 100%;
			}
			.project-thumbnails .entry .content {
				background: rgba(0,0,0,.75);
				color: #FFFFFF;
				font-weight: 300;
				padding: 15px;
				position: absolute; right: 0; bottom: 0; left: 0;
				text-transform: uppercase;
				z-index: 2;
			}


		.events-feed {
			position: relative;
			text-align: center;
		}
			.events-feed .cycle-slideshow {
				margin: 0 auto;
				width: 80%;
			}
				.events-feed .item {
					width: 100%;
				}
					.events-feed .entry {
						display: inline-block;
						margin: .5em 1%;
						vertical-align: top;
						width: 21%;
					}
						.events-feed .entry > a {
							color: inherit !important;
							display: block;
						}
						.events-feed .entry img {
							display: block;
							object-fit: contain;
							margin: .5em auto;
							width: 100%; height: 120px;
						}
						.events-feed .entry .placeholder {
							display: none;
						}
						.events-feed .entry .content {
							display: block;
						}

					.summary .events-feed .entry {
						vertical-align: middle;
					}
						.summary .events-feed .entry img {
							height: auto;
						}
						.summary .events-feed .entry .placeholder {
							display: block;
						}
						.summary .events-feed .entry .content {
							display: none;
						}



		#offsitetechnologies-feed {
			background: #666;
		}


		#gallery-box {
			width: 95%;
			position: relative;
		}
			#gallery-rotator {
				height: 450px;
				margin-bottom: 10px;
			}
				#gallery-rotator .item {
					width: 100%;
					height: 100%;
					background: center/cover no-repeat transparent;
				}
					#gallery-rotator .item .text {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						padding: 5px 10px;
						color: #FFFFFF;
						background: #b0a195;
						opacity: .8;
					}

		#thumbnails-box {
			width: 95%;
			position: relative;
			margin-bottom: 2em;
		}
			#thumbnails-rotator {
				margin: 0 -1% 10px;
			}
				#thumbnails-rotator .group {
					position: absolute;
					width: 100%;
					height: 100px;
				}
					#thumbnails-rotator .group .item {
						display: block;
						float: left;
						width: 18%;
						height: 100px;
						margin: 0 1%;
						background: center/cover no-repeat transparent;
						transition: opacity .3s ease;
					}
					#thumbnails-rotator .group .item:hover {
						opacity: .8;
					}

		#gallery-box .arrow, #thumbnails-box .arrow {
			text-decoration: none;
			position: absolute;
		}
		#gallery-box .arrow {
			top: 200px;
		}
		#thumbnails-box .arrow {
			top: 40px;
		}
			#gallery-box .arrow.left, #thumbnails-box .arrow.left {
				left: -25px;
			}
			#gallery-box .arrow.right, #thumbnails-box .arrow.right {
				right: -25px;
			}

		#gallery-controls {
			width: 95%;
			margin-top: 1em;
			text-align: center;
		}



		/*#right-column {
			float: right;
			width: 180px;
		}
			#right-column .roundedbox .text {
				font-size: 0.9em;
				margin-top: 5px;
			}

			#jointoday img {
				width: 100%;
			}
			#featuredlinks ul {
				list-style: none;
			}
			#featuredlinks li {
				display: inline;
			}
			#featuredlinks a {
				display: block;
				color: #fff;
				background: #3a81a4;
				border-radius: 4px;
				font-size: 1.1em;
				padding: 8px 12px;
				margin: 8px 0;
				text-transform: uppercase;
			}
			#featuredlinks a:hover {
				background-color: #243c46;
				color: #FFF;
			}
			#right-column input[type=text], #right-column input[type=email], #right-column input[type=password] {
				width: 97%;
				margin-top: 5px;
			}
			#right-column input[type=submit] {
				float: right;
				margin-top: 5px;
			}

			#member-quicksearch {
				margin-top: 0;
			}
			#member-quicksearch .title {
				color: #243c46;
				text-transform: uppercase;
				font-size: 1.6em;
				padding-right: 0;
				font-weight: bold;
				border-bottom: 2px solid #3a818a;
				margin-bottom: 8px;
				padding-bottom: 2px;
			}
			#member-quicksearch .title span {
				color: #3a81a4;
			}
			#member-quicksearch input[type=text], #member-quicksearch input[type=email], #member-quicksearch input[type=password] {
				width: 97%;
				margin-top: 5px;
			}
			#member-quicksearch select {
				width: 100%;
				padding: 1px 0px;
			}
			#member-quicksearch input[type=submit] {
				float: right;
				margin: 5px 0;
			}

			.logo-cycler {
				border: 1px solid #C0C0C0;
				padding: 8px;
				margin-bottom: 8px;
			}
			.logo-cycler .cycler {
				width: 162px;
				height: 102px;
			}
			.logo-cycler .cycler div {
				position: absolute;
				top: 0;
				left: 0;
				display: none;
				width: 162px;
				height: 102px;
				overflow: hidden;
				text-align: center;
			}
			.logo-cycler .cycler div a {
				display: block;
				margin: 0 auto;
			}*/

	.adcycler {
		margin-top: 3em; margin-bottom: 2em;
		margin-right: auto; margin-left: auto;
		overflow: hidden;
		position: relative;
		/*width: 740px; height: 130px;*/
		width: 100%; height: auto; min-height: 175px;
	}
		.adcycler div {
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		}
		.adcycler div img {
			width: 100%;
			height: auto;
		}
	/*.adcycler {
		width: 180px;
		height: 300px;
		margin-bottom: 20px;
		position: relative;
	}
		.adcycler div {
			position: absolute;
			top: 0;
			left: 0;
		}
		.adcycler div img {
			width: 180px;
			height: auto;
		}*/


.podcast-feature,
.blog-feature {
	padding: 2em 0;
	position: relative;
}
.podcast-feature {
	background: url('../images/microphone-icon.png') center right 2em/15% auto no-repeat transparent;
	padding-right: 30%;
}
	.podcast-feature a {
		color: inherit;
	}
.blog-feature {
	padding-left: 2em; padding-right: 2em;
	min-height: 20em;
}
	.blog-feature:before {
		background: url('../images/rss-icon.png') center/contain no-repeat transparent;
		content: '';
		display: block;
		position: absolute; top: 1em; right: 2em;
		width: 3em; height: 3em;
	}
	.blog-feature .arrow {
		filter: brightness(0) invert(1);
		position: absolute; bottom: 2em; right: 2em;
		width: 3em; height: 3em;
	}
		.blog-feature .arrow img {
			display: block;
			width: 100%;
		}


#google-map {
	width: 100%; height: 30vw; min-height: 300px;
}


.image {

}
	.image img {
		display: block;
		width: 100%;
	}


.subpage {
	border-bottom: 1px solid #e9eaeb;
	margin: 0 0 3em;
	padding: 0 0 3em;
}
	.subpage h2 {
		color: #0099d8;
		letter-spacing: 0;
		text-transform: none;
	}


.read-more {
	text-transform: uppercase;
}
	.read-more:after {
		background: url('../images/news-arrow-right-blue.png') center/contain no-repeat transparent;
		content: '';
		display: inline-block;
		margin: 0 0 0 1em;
		vertical-align: middle;
		width: 1.4em; height: 1.4em;
	}


.page-navigation {
	color: #0099d8;
	font-weight: bold;
	margin: 0 -.5em;
	text-align: center;
	text-transform: uppercase;
}
	.page-navigation a {
		border: 2px solid transparent;
		display: inline-block;
		padding: 0 .3em;
	}
	.page-navigation a.active {
		border: 2px solid #0099d8;
	}


.page-footer {
	background: #263e47;
	color: #fff;
	padding: 60px 0 30px;
}
	.page-footer a {
		color: #fff;
		text-decoration: none;
	}
	.page-footer .float-left {
		text-transform: uppercase;
	}
	.page-footer .megamenu {
		border-left: 1px solid #FFFFFF;
		display: inline-block;
		list-style-type: none;
		margin: 0 0 2em 0;
		padding: 0 3em 0 1em;
		vertical-align: top;
	}
		.page-footer .megamenu a {
			display: block;
			padding: 0 0 .2em;
		}





#map {
	width: 698px;
	height: 498px;
	border: 1px solid #0072bc;
	margin-bottom: 10px;
}

.news-image, .jobs-image {
	float: right;
	width: 33%;
	margin: 0 0 2em 2em;
}
.news-image img, .jobs-image img {
	width: 100%;
}

/* case studies */
.blue-para {
	border-radius: 10px;
	background-color: #0072bc;
	color: #FFFFFF;
	padding: 15px;
	margin-bottom: 1em;
	background-image: url(../images/blue-bg.jpg);
	background-position: top left;
}
	.blue-para h1, .blue-para h2, .blue-para h3, .blue-para h4, .blue-para h5, .blue-para h6 {
		color: #FFFFFF;
	}

.casestudygroup {
	padding-bottom: 10px;
	margin-top: 10px;
}
.casestudy {
	font-size: 0.9em;
	float: left;
	width: 85px;
	margin: 4px 20px 20px;
}
.casestudysector {
	text-align: center;
	font-weight: bold;
}
.casestudyimage {
	text-align: center;
	margin: 8px 0px;
}
.casestudylogo {
	text-align: center;
}
.noimage {
	margin-left: 0px;
}
.casestudydownload {
	text-align: right;
	margin: 0;
}

.casestudygroup-new {
	position: relative;
}
.casestudy-new {
	font-size: 0.9em;
	margin: 0px 0px 10px;
	position: relative;
}
.casestudynew-holder {
	position: absolute;
	width: 100%;
}

.casestudytext-new {
	float: left;
	width: 335px;
	font-size: 0.95em;
}
.casestudytext-new h3 {
	font-size: 1.3em;
}
.casestudyimage-new {
	float: right;
	width: 350px;
	margin-left: 15px;
}
	.casestudyimage-new img {
	display: block;
}
.casestudylink-new a {
	color: #d9e025;
}
.casestudylogolink {
	 }
.casestudylogo-new {
	 }
.casestudylink-new {
	float: right;
	line-height: 32px;
}
.casestudylink-new a {
	color: #6c6c6c;
}
.casestudiesmiddlebox {
	margin: 20px 0;
}

.casestudygroup-new-wrapper {
	margin-bottom: 10px;
	padding: 15px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#case-studies-articleslistsviewport {
	height: 199px;
	overflow: hidden;
	padding: 1px;
	margin: 10px 0;
}
#case-studies-articleslists {
	position: relative;
}
.case-studies-articleslist {
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	 }
.case-studies-articleslist ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
.case-studies-articleslist li {
	display: inline;
}
.case-studies-articleslist a {
	display: block;
	 padding: 5px 8px;
	color: #202020 !important;
	font-size: 0.85em;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
}
.case-studies-articleslist a.row0 {
	 }
.case-studies-articleslist a.row1 {
	 }
.case-studies-articleslist a.active, .case-studies-articleslist a:hover {
	color: #FFFFFF !important;
	background-color: #808080;
}
#case-studies-articleslistpager {
	height: 30px;
}
	#case-studies-articleslistpager ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#case-studies-articleslistpager li {
			display: inline;
		}
			#case-studies-articleslistpager a {
				float: left;
				display: block;
				text-decoration: none;
				color: #0072bc;
				width: 25%;
				text-align: center;
				background-color: #e7e7e7;
				margin: 0px;
				padding: 0px;
				height: 30px;
				line-height: 30px;
			}
			#case-studies-articleslistpager a:hover {
				background-color: #6c6c6c;
				color: #ffffff;
			}
			#case-studies-articleslistpager a.first {
				border-radius: 5px 0 0 5px;
			}
			#case-studies-articleslistpager a.last {
				border-radius: 0 5px 5px 0;
			}
			#case-studies-articleslistpager a.active {
				color: #FFFFFF;
				background-color: #0072bc;
			}

/* events styles */
.event {

}
	.eventimage {

	}
	.eventlargeimage {
		margin: 0 0 2em;
	}
	.eventdetails {

	}
	.eventname {

	}
	.eventcontent {

	}
	.eventvenue {
	}
	.eventtimes {

	}
	.eventlinks {
		margin-top: 1em;
	}
	.eventlinks ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.eventlinks li {
		display: inline;
	}
	.eventlinks a {
		display: block;
	}

	.alt1 {
		background-color: #F1DDDA;
	}
	.alt2 {
		background-color: #f0f0f0;
	}
	.nextevent {
		background-color: #B4DAE3;
	}

#event-name {
	float: left;
	margin-bottom: 0.2em;
}
#event-date {
	float: right;
	margin-bottom: 0;
}
#event-timesvenues {
	margin-bottom: 1em;
}
#event-address {
	float: left;
}
#event-numbers {
	float: right;
}

#filterform dl {
	margin-bottom: 10px;
}
#filterform dt {
	clear: both;
	float: left;
	width: 220px;
}
#filterform dd {
	margin-left: 230px;
}
#filterform select {
	width: 250px;
}

.video-large {
	margin: 0 1% 2%;
}
.video-thumb {
	float: left;
	width: 48%;
	margin: 0 1% 2%;
}
	.video-thumb p {
		margin-top: 2%;
		text-align: center;
	}



/* */
.icon-navigation {
	align-items: flex-start;
	display: flex;
	justify-content: center;
	margin: 0 -1rem;
	flex-wrap: wrap;
	text-align: center;
}
	.icon-navigation a {
		display: block;
		font-size: .8em;
		font-weight: bold;
		margin: .5rem .5rem;
		text-align: center;
		text-transform: uppercase;
		width: auto; max-width: 7em;
	}
	.icon-navigation a.selected {
		color: #1e3c46;
	}
		.icon-navigation a img {
			display: block;
			filter: brightness(0) invert(1);
			margin: 0 auto .5rem;
			width: auto; height: 3.5rem;
		}
		.icon-navigation a.selected img {
			filter: none;
		}

a.popup-content {}

.large-para {
	font-size: 1.2em;
}

.highlight-light-blue {
	color: #0099d8;
}@font-face {
	font-family: 'Avenir';
	src:  url('fonts/Avenir-Medium.woff2') format('woff2'),
	      url('fonts/Avenir-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir';
	src:  url('fonts/Avenir-Heavy.woff2') format('woff2'),
	      url('fonts/Avenir-Heavy.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'DIN';
	src:  url('fonts/DIN-Medium.woff2') format('woff2'),
	      url('fonts/DIN-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
input {
	font-family: inherit;
	font-weight: 300;
}

table.form { margin: 0px auto 10px; }
table.form td { padding: 3px; }
table.eventsform { width: 100%; }
table.eventsform td, table.eventsform th { padding: 2px 8px 2px 0; }

input.textbox, input.text, input.text-ghosted, select, textarea {
	border: 1px solid #808080;
	font-size: 1em;
	padding: 2px;
}

.text { color: #202020; }
.text-ghosted { color: #808080; }
.button { background-image: url(../images/buttonbg.gif); background-repeat: repeat-x; border: 0px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; padding: 1px 8px; border: 1px solid #808282; background-color: #63ad61; text-decoration: none; }
.buttongrey { background-color: #999999; color: #FFFFFF; padding: 0px 8px; border: 1px solid #FFFFFF; text-decoration: none; }

form.formhandler fieldset {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1em 0;
	border-style: none;
	border-top: 1px solid #BFBAB0;
	background-color: #f2f2f2;
	background-image: url(../images/formbkgd.gif);
	background-repeat: repeat-x;
}

form.formhandler legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

form.formhandler fieldset ol {
	padding: 1em 1em 0 1em;
	margin: 0;
	list-style: none;
}

form.formhandler fieldset li {
	padding-bottom: 1em;
}

form.formhandler fieldset.submit {
	border-style: none;
}

form.formhandler label {
	float: left;
	width: 13em;
	margin-right: 1em;
}

form.formhandler label.inline, form.formhandler label.checkbox {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}

/* left aligned labels */
form.formhandler fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}

form.formhandler fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

/* background stuff */form.formhandler fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 15em;
	background-color: transparent;
}

form.formhandler fieldset.submit input {
	width: auto;
}

/* nested fieldsets */form.formhandler fieldset fieldset {
	margin-bottom: 0;
	border-style: none;
	background-color: transparent;
	background-image: none;
}

form.formhandler fieldset fieldset label.legend {
	float: left;
	width: 13em;
	margin-right: 1em;
	vertical-align: top;
}

form.formhandler fieldset fieldset ol {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 14em !important;
	padding: 0;
}

form.formhandler fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}

#hub-mainpanel { float: left; width: calc( 100% - 180px ); }
#hub-mainpanel.wide { float: none; width: auto; }
#hub-navigation { float: right; width: 150px; }

#hub-mainpanel h4, #hub-navigation h4 { background: #e7e7e7; text-transform: uppercase; color: #0072bc; padding: 2px 8px; border-radius: 6px; }
#hub-mainpanel h4.blue, #hub-navigation h4.blue { background: #0072bc; text-transform: uppercase; color: #fff; padding: 2px 8px; border-radius: 6px; }
#hub-mainpanel h4.darkgrey, #hub-navigation h4.darkgrey { background: #bcbcd0; text-transform: uppercase; color: #fff; padding: 2px 8px; border-radius: 6px; }

#hub-mainpanel h5, #hub-navigation h5 { background-color: #e7e7e8; color: #404040; font-weight: normal; padding: 4px 2em; margin: 0px; }
#hub-mainpanel table tr.th th { background-color: #e7e7e7; }

#hub-mainpanel table.form { width: 100%; }
#hub-mainpanel table.form th, #hub-mainpanel table.form td { padding: 3px; }
#hub-mainpanel div.text { padding: 10px 10px 0px 10px; }

#hub-mainpanel table.post { width: 100%; border-collapse: collapse; background-color: #f4f4f4; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-bottom: 8px; }
#hub-mainpanel table.post th, #hub-mainpanel table.post td { padding: 6px; }
#hub-mainpanel table.post .postauthor { width: 120px; border-left: 1px solid #e8e8e8; }

table.hub-topiclist { width: 100%; }
table.hub-topiclist th { padding: 3px 8px; }
table.hub-topiclist td { border-bottom: 1px solid #E0E0E0; padding: 8px; }
table.hub-topiclist th { color: #404040; font-weight: normal; color: #0072bc; text-transform: uppercase; }

.hub-navigation-links ul { list-style: none; margin-left: 0.25em !important; padding-left: 0.25em !important; }
.hub-navigation-links ul li { margin-bottom: 8px; }
.hub-navigation-links { padding: 5px 0px; }

#hub-mainpanel p.authorimage { }

table.hub-messagelist { width: 100%; }
table.hub-messagelist th, table.hub-messagelist td { padding: 4px; }
table.hub-messagelist td { border-bottom: 1px solid #E0E0E0; }
table.hub-messagelist th { background-color: #e8e8e8; color: #818181; font-weight: normal; }

.postattachments dt { clear: left; float: left; width: 16px; vertical-align: middle; }
.postattachments dd { margin-left: 20px; }

table.hub-memberregister { width: 100%; }
table.hub-memberregister th { padding: 3px 8px; }
table.hub-memberregister td { border-bottom: 1px solid #E0E0E0; padding: 8px; }
table.hub-memberregister th { color: #404040; font-weight: normal; color: #0072bc; text-transform: uppercase; }

#attachoptionslink { padding-left: 106px; }

#tabbuttons ul { list-style: none; margin: 0; padding: 0; }
#tabbuttons li { display: inline; }
#tabbuttons a { float: left; display: block; padding: 4px 8px; }
#tabbuttons li.current-tab { background-color: #FAFAFA; color: #404040; }


.profileattachment {
	padding: 1em 1em 1em 4em; 
	border: 1px solid #e3e4e5;
	position: relative;
	height: 100% !important;
}
	.profileattachment:before {
		border: 1px solid #009bd9;
		content: '';
		position: absolute; top: 1.2em; left: 1.2em;
		width: 1.2em; height: 1.2em;
	}
	.profileattachment .title {
		margin: 0 0 .5em;
	}
	.profileattachment .info {
		font-size: .65em;
	}
	.profileattachment a {
		font-weight: bold;
	}


.profile-image { float: left; width: 150px; text-align: left; }
.profile-descriptiontext { margin-left: 180px; }
.profile-descriptiontext.noimage { margin-left: 0; }

.pagination { text-align: right; }/* mobile */
@media only screen and (max-width: 480px) {


body {
	background: #FFFFFF;
	font-size: .8em;
	overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mobile {
	display: block !important;
}
span.mobile {
	display: inline !important;
}
table.mobile {
	display: table !important;
}
td.mobile {
	display: table-cell !important;
}
tr.mobile {
	display: table-row !important;
}
.desktop {
	display: none !important;
}

h1, h2, h3, h4, h5, h6 {
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h4, h5, h6 {
	font-size: 1em;
}

iframe {
	max-width: 100%;
}


.cm10 {
	float: left;
	width: 10%;
}
.cm16 {
	float: left;
	width: 16.66%;
}
.cm20 {
	float: left;
	width: 20%;
}
.cm25 {
	float: left;
	width: 25%;
}
.cm30 {
	float: left;
	width: 30%;
}
.cm33 {
	float: left;
	width: 33.33%;
}
.cm40 {
	float: left;
	width: 40%;
}
.cm50 {
	float: left;
	width: 50%;
}
.cm60 {
	float: left;
	width: 60%;
}
.cm66 {
	float: left;
	width: 66.66%;
}
.cm70 {
	float: left;
	width: 70%;
}
.cm75 {
	float: left;
	width: 75%;
}
.cm80 {
	float: left;
	width: 80%;
}
.cm90 {
	float: left;
	width: 90%;
}
.cm100 {
	float: left;
	width: 100%;
}
.cmr {
	float: right !important;
}
.columns {
	margin: 0 -5px;
}
.columns .cm10, .columns .cm16, .columns .cm20, .columns .cm25, .columns .cm30, .columns .cm33, .columns .cm40, .columns .cm50, .columns .cm60, .columns .cm66, .columns .cm70, .columns .cm80, .columns .cm90 .columns .cm100 {
	padding: 0 5px;
	min-height: 1px;
}





.root {
	width: 100%;
	margin: 0px auto;
	padding-right: 10px; padding-left: 10px;
}
	.root img {
		max-width: 100%; height: auto;
	}
#header {
	
}
	#logo {
		float: none;
	}
	#logo img {
		width: 100px;
	}
	#headerstrap {
		right: 10px;
		bottom: 10px;
		font-size: 1em;
		width: 15em;
	}


#header-banner {
	
}
		#header-banner .item .content {
			font-size: 1em;
		}




#main {
	
}
	
	
		#main-content {
			margin: 0 10px;
		}
		#main-content p {
	 }
		#main-content ul, #main-content ol {
	 }
			#main-content li {
	 }
		#main-content table {
			width: 100%;
		}
			#main-content table tr {
	 		}
				#main-content table tr th,
				#main-content table tr td {
	 			}
				#main-content table tr td img {
					max-width: 90px;
				}
		#main-content img {
			max-width: 100%;
			height: auto;
		}
		
		

		/*.news-listing-item {
			clear: left;
			border-bottom: 1px solid #c2c2c2;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		.news-listing-item.last {
			border-bottom: 0;
		}
		.news-listing-image {
			float: left;
			width: 80px;
			border: 1px solid #c2c2c2;
		}
		.news-listing-item.withimage .news-listing-text {
			margin-left: 96px;
		}
		.news-listing-text-date {
			font-size: 0.9em;
			text-align: right;
			font-style: italic;
			margin-top: 0.75em;
		}*/


		.jobs-filters {
			margin-bottom: 15px;
		}
		.jobs-filters select {
			width: 98%;
		}
		.jobs-filters p {
			margin-bottom: 5px;
		}
		.jobs-listing-item {
			clear: left;
			border-bottom: 1px solid #c2c2c2;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		.jobs-listing-item.last {
			border-bottom: 0;
		}
		.jobs-listing-image {
			float: left;
			width: 80px;
			border: 1px solid #c2c2c2;
		}
		.jobs-listing-item.withimage .jobs-listing-text {
			margin-left: 96px;
		}
		.jobs-listing-text-date {
			font-size: 0.9em;
			float: left;
			margin-top: 0.75em;
		}
		.jobs-listing-text-links {
			font-size: 0.9em;
			float: right;
			margin-top: 0.75em;
		}
		.jobs-listing-text-links a {
			font-weight: bold;
		}
		.jobs-filters .c10 {
			text-align: right;
		}

		/*#page-summary {
			padding: 15px;
			margin-bottom: 30px;
			margin-top: 0;
		}
		#page-summary .title {
			text-transform: uppercase;
			font-size: 1.3em;
		}
		.profile {
			margin-bottom: 16px;
			border-bottom: 1px solid #d2d2d2;
			clear: both;
			font-size: 0.9em;
		}
		.profile-logo {
			float: left;
			width: 150px;
			padding: 20px 0;
		}
		.profile-text {
			margin-left: 200px;
			padding: 16px 0px;
		}
		.profile-company {
			text-transform: uppercase;
			font-size: 1.4em;
			font-weight: bold;
		}
		.profile-description {
			margin-bottom: 1em;
		}
		.profile-contacts {
			background-color: #D2D2D2;
			border-radius: 8px;
			padding: 12px;
			font-size: 1.1em;
		}
		.profile-contacts span {
			font-weight: bold;
			color: #0072bc;
		}
		.profile-contacts a {
			font-weight: bold;
		}
		.profile-url {
			text-align: right;
			margin: 0;
		}
		.profile-types {
			font-weight: bold;
			margin-bottom: 15px;
		}*/

		.casestudy {
			margin-bottom: 16px;
			border-bottom: 1px solid #d2d2d2;
			clear: both;
			font-size: 0.9em;
		}
		.casestudy-image {
			float: left;
			width: 150px;
			padding: 20px 0;
		}
		.casestudy-text {
			margin-left: 170px;
			padding: 16px 0px;
		}
		.casestudy-title {
			text-transform: uppercase;
			font-size: 1.4em;
			font-weight: bold;
		}
		.casestudy-description {
			margin-bottom: 1em;
		}
		.casestudy-links {
			background-color: #D2D2D2;
			border-radius: 8px;
			padding: 12px;
			font-size: 1.1em;
		}
		.casestudy-links span {
			font-weight: bold;
			color: #0072bc;
		}
		.casestudy-links a {
			font-weight: bold;
		}

		.download-item {
			border-top: 1px dotted #d2d2d2;
			padding: 16px 0;
		}
			.download-item-image {
				width: 75px;
				float: left;
				outline: 1px solid #dcdcdc;
			}
			.download-item-text {
				margin-left: 90px;
			}

	#home-main {
		height: auto;
		margin: 0 0 10px 0;
		overflow: hidden;
		border-bottom: 6px solid #243c46;
	}
		#home-main .item {
			background-size: 70% auto;
			background-position: top right;
		}
		#home-main .item .content {
			margin-right: 35%;
			font-size: .8em;
			padding: 10px 0 30px 10px;
		}
		#home-main .item h2 {
			font-size: 1em;
		}
			#home-main .item h2 * {
			}
		#home-main .item .more a {
			font-size: 1.2em;
		}
		#home-main .navi {
		}

	/*#news-feed {
		float: none;
		width: auto;
		margin: 0 0 40px;
	}
		#news-feed .title {
			font-size: 1.4em;
		}
		#news-feed .title span {
			font-size: 0.6em;
			width: 80px;
		}
		#news-cycle {
			min-height: 190px;
		}
		#news-cycle .item {
			width: 100%;
		}
		#news-cycle .item .entry {
			border-top: 2px dotted #ccc;
			margin: 5px 0;
			padding-top: 5px;
		}
		#news-cycle .item .headline {
			display: block;
			padding: 10px 0 10px 48px;
			float: left;
			width: calc(100% - 80px);
			background: url(../images/arrow.png) no-repeat center left/12%;
		}
		#news-cycle .item .date {
			display: block;
			float: right;
			width: 80px;
			padding-top: 10px;
		}
		#news-cycle .navi {
			position: absolute;
			width: calc(100% - 60px);
			right: 4.5em;
			bottom: -30px;
			text-align: right;
		}
		#news-cycle .seeall {
			font-family: Montserrat;
			position: absolute;
			bottom: -30px;
			right: 0;
		}*/

	/*#events-feed {
		float: none;
		width: auto;
		margin: 0 0 40px;
	}
		#events-feed .title {
			font-size: 1.4em;
		}
		#events-feed .title span {
			font-size: 0.6em;
			width: 80px;
		}
		#events-cycle {
			min-height: 190px;
		}
		#events-cycle .item {
			width: 100%;
		}
		#events-cycle .item .entry {
			border-top: 2px dotted #ccc;
			margin: 5px 0 21px;
			padding-top: 5px;
		}
		#events-cycle .item .name {
			display: block;
			background: url(../images/arrowblue.png) no-repeat center left/12%;
			padding: 10px 0 10px 48px;
			float: left;
			width: calc(100% - 80px);
		}
		#events-cycle .item .date {
			display: block;
			float: right;
			width: 80px;
			padding-top: 10px;
		}
		#events-cycle .item .summary {
			margin-left: 48px;
		}
		#events-cycle .navi {
			position: absolute;
			width: calc(100% - 60px);
			right: 4.5em;
			bottom: -30px;
			text-align: right;
		}
		#events-cycle .seeall {
			font-family: Montserrat;
			position: absolute;
			bottom: -30px;
			right: 0;
		}*/

	.gallery-feed {
		font-size: .8em;
	}
	/*.gallery-feed {
		border-radius: 5px;
		margin: 20px 0;
	}
		.gallery-feed .title {
	 }
		.gallery-feed .title a {
	 }
		.gallery-feed .intro {
	 }
		.gallery-feed .grey {
	 }
		.gallery-feed .cycle-slideshow {
			width: 95%;
		}
		.gallery-feed .prev, .gallery-feed .next {
			display: none;
		}
		.gallery-feed .prev {
	 }
		.gallery-feed .next {
	 }
		.gallery-feed .cycle-slideshow .item {
	 }
		.gallery-feed .cycle-slideshow .item .entry {
	 }
		.gallery-feed .cycle-slideshow .item .vertcenter {
	 }
		.gallery-feed .cycle-slideshow .item .name {
	 }
		.gallery-feed .cycle-slideshow .item .location {
	 }
		.gallery-feed .navi {
	 }
		.gallery-feed .seeall a {
	 }*/


	/*#right-column {
		float: none;
		width: auto;
		margin: 10px;
	}
		#right-column .roundedbox .text {
		}
		#socialmedia {
			margin-bottom: 10px;
		}
			#socialmedia ul {
			}
				#socialmedia li {
				}
					#socialmedia a {
						margin-right: 8px;
						width: 30px;
						height: 30px;
					}
					
		#jointoday img {
			display: block;
			width: 48%;
			float: left;
		}
		#accountlogin {
			display: block;
			width: 48%;
			float: right;
			margin: 0;
			height: 55vw;
		}
		#featuredlinks ul {
		}
		#featuredlinks li {
		}
		#featuredlinks a {
		}
		#featuredlinks a:hover {
		}
		#right-column input[type=text], #right-column input[type=email], #right-column input[type=password] {
		}
		#right-column input[type=submit] {
		}

		#member-quicksearch {
		}
		#member-quicksearch .title {
		}
		#member-quicksearch .title span {
		}
		#member-quicksearch input[type=text], 
		#member-quicksearch input[type=email], 
		#member-quicksearch input[type=password] {
		}
		#member-quicksearch select {
		}
		#member-quicksearch input[type=submit] {
	 }

		.logo-cycler {
			border: 1px solid #C0C0C0;
			padding: 8px;
			margin-bottom: 8px;
		}
		.logo-cycler .cycler {
			width: 162px;
			height: 102px;
		}
		.logo-cycler .cycler div {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
			width: 162px;
			height: 102px;
			overflow: hidden;
			text-align: center;
		}
		.logo-cycler .cycler div a {
			display: block;
			margin: 0 auto;
		}*/

/*#adverts-bottom {
	float: none;
	margin-right: 0;
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 1em;
}
	#adverts-bottom div {
		width: 100%;
		height: auto;
	}
		#adverts-bottom div a,
		#adverts-bottom div img {
			display: block;
			width: 100%;
		}

#adverts-right {
	float: none;
	height: auto;
	padding-bottom: 1em;
	position: relative;
	margin-top: 0px;
}
	#adverts-right div {
		position: absolute;
		top: 0;
		left: 0;
	}*/

/*#footerlinks {
	padding: 8px 10px;
}
#footerlinks a {
}
#footerlinks .float-left {
}
#copyright {
	padding: 8px 10px;
	text-align: center;
}*/


#map {
	width: 698px;
	height: 498px;
	border: 1px solid #0072bc;
	margin-bottom: 10px;
}

.news-image, .jobs-image {
	float: right;
	width: 33%;
	margin: 0 0 2em 2em;
}
.news-image img, .jobs-image img {
	width: 100%;
}

/* case studies */
.blue-para {
	border-radius: 10px;
	background-color: #0072bc;
	color: #FFFFFF;
	padding: 15px;
	margin-bottom: 1em;
	background-image: url(../images/blue-bg.jpg);
	background-position: top left;
}
.blue-para h1, .blue-para h2, .blue-para h3, .blue-para h4, .blue-para h5, .blue-para h6 {
	color: #FFFFFF;
}

.casestudygroup {
	padding-bottom: 10px;
	margin-top: 10px;
}
	.casestudy {
		font-size: 0.9em;
		float: left;
		width: 85px;
		margin: 4px 20px 20px;
	}
	.casestudysector {
		text-align: center;
		font-weight: bold;
	}
	.casestudyimage {
		text-align: center;
		margin: 8px 0px;
	}
	.casestudylogo {
		text-align: center;
	}
	.noimage {
		margin-left: 0px;
	}
	.casestudydownload {
		text-align: right;
		margin: 0;
	}
	
	.casestudygroup-new {
		position: relative;
	}
	.casestudy-new {
		font-size: 0.9em;
		margin: 0px 0px 10px;
		position: relative;
	}
	.casestudynew-holder {
		position: absolute;
		width: 100%;
	}
	
	.casestudytext-new {
		float: left;
		width: 335px;
		font-size: 0.95em;
	}
	.casestudytext-new h3 {
		font-size: 1.3em;
	}
	.casestudyimage-new {
		float: right;
		width: 350px;
		margin-left: 15px;
	}
	.casestudyimage-new img {
		display: block;
	}
	.casestudylink-new a {
		color: #d9e025;
	}
	.casestudylogolink {
		 }
	.casestudylogo-new {
		 }
	.casestudylink-new {
		float: right;
		line-height: 32px;
	}
	.casestudylink-new a {
		color: #6c6c6c;
	}
	.casestudiesmiddlebox {
		margin: 20px 0;
	}

.casestudygroup-new-wrapper {
	margin-bottom: 10px;
	padding: 15px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#case-studies-articleslistsviewport {
	height: 199px;
	overflow: hidden;
	padding: 1px;
	margin: 10px 0;
}
#case-studies-articleslists {
	position: relative;
}
.case-studies-articleslist {
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	 }
.case-studies-articleslist ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
.case-studies-articleslist li {
	display: inline;
}
.case-studies-articleslist a {
	display: block;
	 padding: 5px 8px;
	color: #202020 !important;
	font-size: 0.85em;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
}
.case-studies-articleslist a.row0 {
	 }
.case-studies-articleslist a.row1 {
	 }
.case-studies-articleslist a.active, .case-studies-articleslist a:hover {
	color: #FFFFFF !important;
	background-color: #808080;
}
#case-studies-articleslistpager {
	height: 30px;
}
#case-studies-articleslistpager ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#case-studies-articleslistpager li {
	display: inline;
}
#case-studies-articleslistpager a {
	float: left;
	display: block;
	text-decoration: none;
	color: #0072bc;
	width: 25%;
	text-align: center;
	background-color: #e7e7e7;
	margin: 0px;
	padding: 0px;
	height: 30px;
	line-height: 30px;
}
#case-studies-articleslistpager a:hover {
	background-color: #6c6c6c;
	color: #ffffff;
}
#case-studies-articleslistpager a.first {
	border-radius: 5px 0 0 5px;
}
#case-studies-articleslistpager a.last {
	border-radius: 0 5px 5px 0;
}
#case-studies-articleslistpager a.active {
	color: #FFFFFF;
	background-color: #0072bc;
}

/* events styles */
/*.event {
	padding: 12px 0;
	margin-bottom: 8px;
	height: 1%;
	border-top: 1px solid #e0e0e0;
	position: relative;
}
	.eventimage {
		width: 100px;
	}
	.eventimage img {
		display: block;
		width: 100%;
	}
	.eventlargeimage {
		float: none;
		margin: 0 0 1em;
		width: 100%;
	}
	.eventlargeimage img {
		display: block;
		width: 100%;
	}
	.eventdetails {
		margin-left: 120px;
	}
	.eventname {
		 }
	.eventcontent {
		 }
	.eventvenue {
	}
	.eventtimes {
		float: none;
	}
	.eventlinks {
		position: static;
		bottom: auto;
		right: auto;
	}
	.eventlinks ul {
		margin-left: 0 !important;
	}
	.eventlinks li {
		 }
	.eventlinks a {
		padding: 0px 10px 0 0;
	}
	
	.alt1 {
		 }
	.alt2 {
		 }
	.nextevent {
		 }*/

#event-name {
	float: left;
	margin-bottom: 0.2em;
}
#event-date {
	float: right;
	margin-bottom: 0;
}
#event-timesvenues {
	margin-bottom: 1em;
}
#event-address {
	float: left;
}
#event-numbers {
	float: right;
}

#filterform dl {
	margin-bottom: 10px;
}
#filterform dt {
	clear: both;
	float: left;
	width: 220px;
}
#filterform dd {
	margin-left: 230px;
}
#filterform select {
	width: 250px;
}

.video-large {
	margin: 0 1% 2%;
}
.video-thumb {
	float: left;
	width: 48%;
	margin: 0 1% 2%;
}
.video-thumb p {
	margin-top: 2%;
	text-align: center;
}







}