@charset "UTF-8";

#content blockquote, aside li {
	border-bottom: 1px solid #c3c2c1
}

#content, aside, aside figure img {
	width: 100%;
	float: left
}

	#content li, aside a:active, aside a:hover, aside a:link, aside a:visited, p {
		color: #444241
	}

#banner, #team {
	background-size: cover
}

.tab-content.current, .wrapper:after, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block
}

#banner h1, #banner h2, #content blockquote, h1 {
	text-align: center
}

header form button, header form input {
	transition: background-color .3s ease,color .3s ease
}

#about #locations a, #breadcrumb li a, #contact-details li a, #jurisdictions #jurisdiction-list > li a, #latest > div > div.heading h3 a, #meet-the-team .people-group .profileSummary li a, #news-event-list > div:first-of-type h3 a, #service-links li a, .mega-menu li > a, .pagination li a, .pagination li.active a, a, aside a, aside li, footer #jurisdiction-links a, footer #sub-footer ul a, header #language-picker li a, nav > ul > li > a:link {
	text-decoration: none
}

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

	#content hr, aside figure, aside li:last-of-type, p {
		margin-bottom: 1em
	}

#banner h1, .tel {
	line-height: 1.2
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

	blockquote:after, blockquote:before, q:after, q:before {
		content: '';
		content: none
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

td {
	padding-right: 1.5em
}

html {
	box-sizing: border-box
}

*, :after, :before {
	box-sizing: inherit
}

.wrapper {
	max-width: 80em;
	margin-left: auto;
	margin-right: auto
}

	.wrapper:after {
		content: " ";
		clear: both
	}

@media (min-width:64em) {
	.wrapper {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		.wrapper:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	.wrapper {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		.wrapper:after {
			content: " ";
			display: block;
			clear: both
		}
}

#content h2, #content h3, #content h4, #content h5 {
	margin: 1em 0 .5em;
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 400;
	color: #016f32
}

#content {
	padding: 1em
}

	#content h2 {
		font-size: 2.125em
	}

	#content h3 {
		font-size: 1.80625em
	}

	#content h4, #content h5 {
		font-size: 1.375em
	}

	#content blockquote, #content li {
		font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		font-size: 1.125em
	}

	#content hr {
		height: 1px;
		background-color: #c3c2c1;
		color: #c3c2c1;
		border: 0
	}

	#content blockquote {
		color: #016f32;
		font-weight: 300;
		line-height: 1.2;
		font-style: italic;
		padding: 1em;
		margin: 2em 0;
		border-top: 1px solid #c3c2c1;
		quotes: "“" "”" "‘" "’"
	}

		#content blockquote:before {
			content: open-quote
		}

		#content blockquote:after {
			content: close-quote
		}

	#content li li li:before, #content li li:before, #content strong {
		font-weight: 700
	}

	#content em {
		font-style: italic
	}

	#content li {
		margin-bottom: .4em;
		padding-left: 1.5em;
		line-height: 1.4em
	}

		#content li li, #content li li li {
			font-size: 100%;
			margin-top: .2em
		}

	#content ul li li > li:before {
		content: "-"
	}

	#content ul > li {
		text-indent: -.4em
	}

		#content ul > li:before {
			content: '\f111';
			font-family: fontawesome;
			font-size: .5em;
			margin-right: .5em;
			position: relative;
			bottom: 3px
		}

	#content li:before, aside figure figcaption, aside h2, aside li {
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
	}

	#content li:before {
		content: counters(step-counter,".") " ";
		counter-increment: step-counter;
		color: #016f32;
		font-size: 1em;
		padding-left: .5em;
		padding-right: .5em;
		margin-left: -1.5em;
		font-weight: 700
	}

	#content ol {
		counter-reset: step-counter
	}

aside {
	padding: 1em
}

@media (min-width:64em) {
	#content {
		width: 75%;
		float: left;
		padding: 1em 1em 1em 0
	}

	aside {
		width: 25%;
		float: left;
		padding: 0 !important
	}
}

aside .aside-list {
	padding-top: 1em;
	clear: left
}

aside h2 {
	font-size: 1.625em;
	font-weight: 400;
	color: #016f32;
	border-bottom: 2px solid #444241;
	text-transform: uppercase;
	padding-bottom: .3em;
	letter-spacing: -.05em
}

aside li {
	font-weight: 300;
	font-size: 1.125em;
	padding: 1.3em 0
}

aside figure {
	width: 100%
}

	aside figure img {
		vertical-align: bottom
	}

@media (min-width:30em) {
	aside figure {
		max-width: 320px;
		margin: auto auto 2em
	}

		aside figure img {
			-ms-flex-positive: 0;
			flex-grow: 0;
			float: none;
			width: auto
		}
}

@media (min-width:64em) {
	aside h2 {
		font-size: 1.125em
	}

	aside ul {
		margin-bottom: 1em
	}

	aside li {
		padding: .5em 0;
		font-size: 1.125em
	}

	aside figure {
		display: block;
		margin-left: 0
	}

		aside figure img {
			width: 100%;
			float: left;
			display: block
		}
}

aside figure figcaption {
	font-size: 1em;
	margin-bottom: 1em;
	width: 100%;
	float: left;
	border-radius: 0 0 5px 5px
}

@media (min-width:30em) {
	aside figure figcaption {
		-ms-flex-positive: 2;
		flex-grow: 2;
		float: none;
		font-size: 1.375em
	}
}

#banner h1, #banner h2, .banner-with-tab #banner-title {
	width: 100%;
	float: left
}

@media (min-width:64em) {
	aside figure figcaption {
		display: block;
		width: 100%;
		float: left;
		padding-left: 1.38889%;
		padding-right: 1.38889%;
		font-size: 1em
	}
}

p {
	font-size: 1.125em;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 400;
	line-height: 1.4
}

	p.lead {
		font-size: 1.2375em;
		font-weight: 600;
		margin: 1em 0
	}

#banner, #banner > div {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

#banner {
	min-height: 12em
}

	#banner:after, #banner > div:after {
		content: " ";
		display: block;
		clear: both
	}

@media (min-width:48em) {
	#banner {
		min-height: 16em
	}
}

@media (min-width:64em) {
	#banner {
		min-height: 22em
	}
}

#banner > div {
	position: relative;
	min-height: 12em
}

@media (min-width:48em) {
	#banner > div {
		min-height: 16em
	}
}

@media (min-width:64em) {
	#banner > div {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		min-height: 22em
	}

		#banner > div:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	#banner > div {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#banner > div:after {
			content: " ";
			display: block;
			clear: both
		}
}

#banner h1 {
	font-size: 2.75em;
	padding: 1em 0;
	font-family: "Droid Serif","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",serif;
	font-weight: 400;
	color: #016f32
}

@media (min-width:48em) {
	#banner h1 {
		font-size: 3em
	}
}

@media (min-width:64em) {
	#banner h1 {
		font-size: 3.75em;
		margin: 1em 0;
		padding: 0;
		text-align: left
	}

	#banner h2 {
		text-align: left
	}
}

#banner h2, .banner-with-tab p {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-size: 1.125em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase
}

#banner h2 {
	margin-bottom: 1em;
	background-color: rgba(68,66,65,.6);
	padding: 1em
}

.banner-with-tab #tab-heading {
	width: 100%;
	float: left;
	padding-left: 1.38889%;
	padding-right: 1.38889%;
	position: absolute;
	bottom: 0;
	display: none
}

@media (min-width:64em) {
	.banner-with-tab #banner-title {
		width: 100%;
		float: left;
		margin-top: 1em
	}

	.banner-with-tab #tab-heading {
		margin-left: 75%;
		width: 25%;
		float: left;
		display: block;
		padding: 0
	}

	h1 {
		text-align: left
	}
}

.banner-with-tab p {
	background-color: rgba(0,0,0,.5);
	margin-bottom: 0;
	padding: .8em;
	background-repeat: no-repeat;
	background-position: right .5em bottom .5em;
	background-size: auto 200%
}

.email::before, .fax::before, .tel::before, .vcard::before {
	font-family: FontAwesome;
	width: 1.5em;
	margin-left: -1.5em
}

.email, .fax, .tel, .vcard {
	padding-left: 1.5em
}

.banner-with-tab p span {
	font-weight: 400
}

.email {
	display: block
}

	.email::before {
		display: inline-block;
		content: '\f003'
	}

.tel {
	display: block
}

	.tel::before {
		display: inline-block;
		content: '\f095'
	}

.fax {
	display: block
}

	.fax::before {
		display: inline-block;
		content: '\f1ac'
	}

.vcard {
	display: block
}

	.vcard::before {
		display: inline-block;
		content: '\f019'
	}

#main:after, header:after, header > div:after {
	content: " ";
	clear: both
}

a:link, a:visited {
	color: #53aa29
}

a:active, a:hover {
	color: #016f32
}

h1 {
	font-size: 2.125em;
	font-family: "Droid Serif","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",serif;
	letter-spacing: -.025em;
	margin: 0;
	padding: 0;
	line-height: 80%
}

#content h1, #meet-the-team form select, #meet-the-team-link, #news-event-list form select, #service > div:nth-child(1) h1, #vacancy-landing form select, #vacancy > div:nth-child(1) h1 {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

h1.white {
	color: #fff;
	text-shadow: rgba(0,0,0,.5) 0 -1px 0
}

h1.green {
	color: #358500;
	text-shadow: rgba(255,255,255,.85) 0 1px 0
}

#main {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	position: relative
}

	#main:after {
		display: block
	}

#meet-the-team-link {
	margin-bottom: 1em;
	margin-top: 1em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
	background-color: rgba(0,0,0,.5);
	border: 1px solid rgba(0,0,0,.2)
}

	#meet-the-team-link:hover {
		background-color: rgba(0,0,0,.7)
	}

	#meet-the-team-link a {
		display: block;
		height: 3em;
		line-height: 3em;
		text-align: center;
		font-size: 1.625em
	}

@media (min-width:64em) {
	#meet-the-team-link a {
		font-size: 1.125em;
		text-align: left;
		padding-left: .8em;
		height: 3em;
		line-height: 3em
	}

	#content h1, #service > div:nth-child(1) h1, #vacancy > div:nth-child(1) h1 {
		text-align: left
	}
}

#meet-the-team-link a:active, #meet-the-team-link a:hover, #meet-the-team-link a:link, #meet-the-team-link a:visited {
	color: #fff
}

#services-menu, #vacancy aside #how-to-apply, aside figure figcaption {
	background: linear-gradient(to right,#53aa29,#016f32);
	padding: 1em;
	color: #fff;
	font-weight: 300
}

#service #services-menu ul li a:link, #service #services-menu ul li a:visited {
	color: #fff;
	padding: .7em 1em
}

#content h1, #service > div:nth-child(1) h1, #vacancy > div:nth-child(1) h1 {
	font-size: 3.1875em;
	color: #016f32;
	line-height: 1.1;
	letter-spacing: -.03em;
	font-weight: 400;
	margin-top: .5em;
	padding-bottom: .5em;
	border-bottom: 4px solid #c3c2c1
}

#meet-the-team form select, #news-event-list form select, #vacancy-landing form select {
	font-size: 1.375em;
	padding: 0 1em;
	min-height: 2.3em;
	border: 1px solid #aaa8a7;
	-webkit-appearance: none;
	color: #444241;
	font-weight: 300;
	margin-bottom: .5em;
	background: url(/img/select_arrow.png) right 50% no-repeat #fff
}

.pagination {
	margin-top: 1em
}

	.pagination li {
		display: inline-block;
		width: auto;
		border: none;
		margin-right: .7em;
		background-color: #928e8c;
		font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		color: #fff;
		font-weight: 600
	}

header, header > div {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 6em;
	position: relative
}

.pagination li.active, header {
	background: linear-gradient(to right,#53aa29,#016f32)
}

	#no-results, header #language-picker li a {
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
	}

.pagination li a {
	display: block;
	padding: .5em
}

#no-results, header form {
	width: 100%;
	padding: 1em;
	float: left
}

.pagination li a:active, .pagination li a:hover, .pagination li a:link, .pagination li a:visited {
	color: #fff
}

.pagination li.active {
	color: #fff
}

	.pagination li.active a:active, .pagination li.active a:hover, .pagination li.active a:link, .pagination li.active a:visited {
		color: #fff
	}

#no-results {
	font-size: 2.125em;
	font-weight: 400;
	color: #016f32;
	text-align: center;
	border-bottom: 1px solid #c3c2c1
}

header {
	text-align: center;
	z-index: 1;
	box-shadow: 0 2px 4px #444241
}

	header:after, header > div:after {
		display: block
	}

@media (min-width:64em) {
	header {
		height: 6em
	}

		header > div {
			max-width: 95%;
			margin-left: auto;
			margin-right: auto
		}

			header > div:after {
				content: " ";
				display: block;
				clear: both
			}
}

@media (min-width:80em) {
	header > div {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		header > div:after {
			content: " ";
			display: block;
			clear: both
		}
}

header form {
	text-align: right;
	display: none
}

.no-js header form {
	display: block
}

header #burger, header #language-picker li, header form button, header form input {
	display: inline-block
}

@media (min-width:64em) {
	header form.no-picker {
		margin-left: 66.66667%;
		width: 33.33333%;
		float: left
	}

	header form {
		margin-left: 62.5%;
		width: 25%;
		float: left;
		margin-top: 1em;
		position: absolute;
		display: block;
		padding: 0;
		top: 1em;
		transform: translateY(-50%)
	}
}

footer, footer #back-to-top, footer #footer-logo, footer #social-media {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

header #burger, header #search-label {
	margin-top: .6em;
	width: 40px;
	height: 40px
}

header form input {
	width: 83.33333%;
	float: left;
	outline: 0;
	background: rgba(255,255,255,.2);
	color: #fff;
	height: 2.6em;
	border-radius: 5px 0 0 5px;
	border: none;
	padding: .2em;
	margin-right: 0;
	-webkit-appearance: none
}

	header form input:focus, header form input:focus + button {
		background-color: rgba(255,255,255,.5);
		color: #016f32
	}

header form button {
	width: 16.66667%;
	float: left;
	padding-left: 1.38889%;
	padding-right: 1.38889%;
	background: rgba(255,255,255,.2);
	color: #fff;
	border: none;
	height: 2.6em;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center
}

header #language-picker {
	width: 100%;
	float: left;
	position: absolute;
	top: 4.3em
}

.no-js header #language-picker {
	top: 5.5em;
	right: 1em;
	text-align: right
}

header #language-picker li a {
	color: #fff;
	padding: .25em .5em
}

	header #language-picker li a:active, header #language-picker li a:hover {
		background: rgba(255,255,255,.2);
		border-radius: 5px
	}

header #language-picker.en li:first-of-type {
	font-weight: 600
}

header #language-picker.cn li:first-of-type, header #language-picker.en li:last-of-type {
	font-weight: 300
}

header #language-picker.cn li:last-of-type {
	font-weight: 600
}

header #burger {
	float: left;
	margin-left: 1.4em;
	color: #fff;
	background: url(/img/burger.png) -40px 0 no-repeat
}

	header #burger.active {
		background: url(/img/burger.png) no-repeat
	}

	header #burger label {
		display: block;
		height: 100%;
		width: 100%
	}

.no-js header #search-label, header #show-menu {
	display: none
}

header #logo {
	display: inline-block;
	width: 50%;
	min-height: 4em
}

	header #logo img {
		height: 50px;
		margin-top: .3em
	}

header #search-label {
	float: right;
	margin-right: 1.4em;
	color: #fff;
	text-align: right;
	background: url(/img/search.png) no-repeat
}

@media (min-width:64em) {
	header form button, header form input {
		height: 2em
	}

	header #language-picker {
		width: 12.5%;
		float: left;
		top: 1.5em;
		right: 0
	}

	.no-js header #language-picker {
		top: 1.5em;
		right: 0
	}

	header #burger, header #search-label {
		display: none
	}

	header #logo {
		width: 25%;
		float: left;
		text-align: left;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: block
	}
}

header #show-menu:checked ~ nav {
	display: block
}

header nav {
	width: 100%;
	float: left;
	color: #fff;
	display: none;
	margin-top: 2em
}

footer {
	background-color: #444241;
	position: relative
}

	footer #back-to-top:after, footer #footer-logo:after, footer #jurisdiction-links:after, footer #social-media:after, footer #sub-footer:after, footer:after, nav > ul:after {
		content: " ";
		display: block;
		clear: both
	}

	footer #footer-logo {
		font-size: 1em;
		padding-top: 1em;
		text-align: center
	}

@media (min-width:64em) {
	header nav {
		margin-left: 25%;
		width: 75%;
		float: left;
		margin-top: 3em;
		height: 3em;
		display: block
	}

		header nav ul {
			height: 100%
		}

	footer #footer-logo {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		footer #back-to-top:after, footer #footer-logo:after {
			content: " ";
			display: block;
			clear: both
		}

	footer #back-to-top {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(255,255,255,.1)
	}
}

footer #footer-logo p {
	color: #fff;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 300
}

footer #jurisdiction-links, footer #sub-footer ul, nav > ul > li {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

footer #footer-logo p span {
	font-weight: 400
}

footer #back-to-top {
	text-align: center
}

@media (min-width:80em) {
	footer #back-to-top, footer #footer-logo {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		footer #back-to-top:after, footer #footer-logo:after {
			content: " ";
			display: block;
			clear: both
		}
}

footer #back-to-top a {
	display: inline-block;
	position: relative;
	top: -24px;
	background: url(data:image/png;base64,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) no-repeat;
	width: 48px;
	height: 48px
}

	footer #back-to-top a:hover {
		background-position: -48px 0
	}

footer #jurisdiction-links {
	max-width: 100%;
	margin: 2em 0;
	text-align: center;
	color: #fff;
	font-weight: 300
}

	footer #jurisdiction-links li {
		display: block;
		text-align: center;
		padding: .5em 1em;
		width: 100%
	}

@media (min-width:30em) {
	footer #jurisdiction-links {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center
	}

		footer #jurisdiction-links li {
			padding: 0 1em;
			border-right: 1px solid #fff;
			width: auto
		}
}

footer #jurisdiction-links li:last-of-type {
	margin-right: 0;
	border-right: none
}

footer #jurisdiction-links a:active, footer #jurisdiction-links a:hover, footer #jurisdiction-links a:link, footer #jurisdiction-links a:visited, footer #sub-footer ul a:active, footer #sub-footer ul a:hover, footer #sub-footer ul a:link, footer #sub-footer ul a:visited {
	color: #fff
}

footer #social-media {
	margin-top: 2.7em;
	text-align: center
}

	footer #social-media li {
		display: inline-block;
		text-align: center;
		padding: 0 .5em
	}

		footer #social-media li:last-of-type, footer #sub-footer ul li:last-of-type {
			margin-right: 0
		}

footer #sub-footer, nav > ul {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

footer #sub-footer {
	font-size: 1em;
	padding: 2em 0
}

	footer #sub-footer ul {
		text-align: center;
		color: #fff;
		font-weight: 300
	}

		footer #sub-footer ul li {
			text-align: center;
			padding: 0 2em;
			line-height: 1.5
		}

@media (min-width:64em) {
	footer #sub-footer ul li {
		display: inline-block
	}
}

nav {
	overflow: visible
}

	nav > ul {
		display: block;
		text-align: right;
		height: 100%
	}

.no-js nav > ul:hover {
	height: 18em
}

nav > ul > li {
	width: 100%;
	float: left;
	font-size: 1.625em;
	border-top: 1px solid #016f32;
	font-weight: 300;
	text-align: left
}

@media (min-width:64em) {
	nav > ul > li {
		font-size: 1.125em;
		display: inline-block;
		white-space: nowrap;
		float: none;
		height: 100%;
		background: 0 0;
		border-top: none;
		width: auto;
		padding: 0 0 3em;
		text-align: right;
		margin-left: 1.38889%
	}
}

nav > ul > li.active .mega-menu, nav > ul > li > a {
	display: block
}

#cover > div, nav > ul > li > a {
	margin-left: auto;
	margin-right: auto
}

nav > ul > li.has-dropdown > a:after {
	content: '+';
	padding-right: .75em
}

@media (min-width:64em) {
	nav > ul > li.has-dropdown > a:after {
		content: '';
		padding-right: 0
	}
}

nav > ul > li.has-dropdown.active {
	background: url(/img/nav_arrow.png) center 2.3em no-repeat
}

#cover, .mega-menu {
	background-color: #fff
}

nav > ul > li.has-dropdown.active > a:after {
	content: '-'
}

@media (min-width:64em) {
	nav > ul > li.has-dropdown.active > a:after {
		content: ''
	}
}

#cover > div:after, #service-links:after, nav > ul > li > a:after {
	content: " ";
	clear: both
}

nav > ul > li > a {
	max-width: 95%;
	padding: .6em 0
}

	nav > ul > li > a:after {
		display: block;
		float: right
	}

	nav > ul > li > a:active, nav > ul > li > a:hover, nav > ul > li > a:link, nav > ul > li > a:visited {
		color: #fff
	}

.mega-menu {
	padding-top: 1em;
	display: none;
	top: 3em;
	font-weight: 300;
	text-align: left
}

#service-links li, #team a {
	background-color: #000;
	text-transform: uppercase
}

@media (min-width:64em) {
	nav > ul > li > a {
		padding-left: 0
	}

	.mega-menu div {
		margin-bottom: 1em
	}

	.mega-menu {
		width: 100%;
		float: left;
		font-weight: 400;
		display: none;
		position: absolute;
		overflow: visible;
		top: 5.4em;
		left: 0
	}

		.mega-menu > div {
			display: inline-block
		}

		.mega-menu .col1 {
			width: 25%;
			float: left
		}

			.mega-menu .col1 > ul {
				width: 100%;
				float: left
			}

		.mega-menu .col2, .mega-menu .col2 > ul {
			width: 50%;
			float: left
		}

		.mega-menu .col3 {
			width: 75%;
			float: left
		}

			.mega-menu .col3 > ul {
				width: 33.33333%;
				float: left
			}

		.mega-menu .col4 {
			width: 100%;
			float: left
		}

			.mega-menu .col4 > ul {
				width: 25%;
				float: left
			}

		.mega-menu div.no-heading ul {
			margin-top: 1.27273em
		}

	.no-js li:hover .mega-menu {
		display: block;
		text-align: left
	}

		.no-js li:hover .mega-menu li {
			display: block;
			color: #000
		}
}

.mega-menu h2, .mega-menu h2 > a:active, .mega-menu h2 > a:hover, .mega-menu h2 > a:visited {
	color: #444241
}

.no-js .mega-menu {
	display: block
}

.mega-menu h2 {
	font-size: .84615em;
	padding-bottom: 1em;
	padding-left: 1em;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 600;
	margin-top: 1em
}

@media (min-width:64em) {
	.no-js .mega-menu {
		display: none
	}

	.mega-menu h2 {
		margin-top: 0;
		padding-bottom: .6em
	}
}

.mega-menu h2 > a:link {
	color: #444241;
	text-decoration: none
}

.mega-menu li, .mega-menu li > a:active, .mega-menu li > a:hover, .mega-menu li > a:link, .mega-menu li > a:visited {
	color: #016f32
}

.mega-menu li {
	font-size: .84615em;
	padding-bottom: 1em;
	padding-left: 1em
}

#cover {
	width: 100%;
	float: left;
	height: 100%;
	position: relative
}

	#cover > div {
		max-width: 100%
	}

		#cover > div:after {
			display: block
		}

@media (min-width:64em) {
	#cover > div {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#cover > div:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	#cover > div {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#cover > div:after {
			content: " ";
			display: block;
			clear: both
		}
}

#cover #slider-backgrounds > div {
	position: absolute;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	margin: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity .6s linear
}

	#cover #slider-backgrounds > div.active, #cover #slider-backgrounds > div.showing {
		visibility: visible;
		opacity: 1
	}

	#cover #slider-backgrounds > div.hiding {
		visibility: visible;
		opacity: 0
	}

	#cover #slider-backgrounds > div.hidden {
		visibility: hidden;
		opacity: 0
	}

#service-links {
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 1em
}

	#service-links:after {
		display: block
	}

@media (min-width:64em) {
	#service-links {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto
	}
}

#service-links li {
	margin-bottom: .5em;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding: .75em .5em;
	font-size: 1.3rem;
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 300;
	color: #fff;
	display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px
}

	#service-links li a:hover::after, #service-links li a:hover::before {
		font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		top: 50%;
		position: absolute;
		vertical-align: middle;
		transform: translateY(-50%);
		opacity: 1
	}

	#service-links li:last-of-type {
		margin-bottom: 0
	}

	#service-links li i {
		color: #34bf00;
		float: right
	}

@media (min-width:52em) {
	#service-links {
		max-width: 56rem;
		margin: 0 auto;
		padding-top: 2.5em;
		padding-bottom: 2.5em
	}

		#service-links li {
			width: 49%;
			float: left;
			margin-right: .32154%;
			font-size: 1.625em;
			margin-bottom: 0
		}

			#service-links li:last-of-type {
				float: right;
				margin-left: 0
			}
}

#service-links li section {
	display: inline-block;
	height: 100%;
	width: 100%;
	text-align: center
}

#service-links li a::after, #service-links li a::before {
	content: ' ';
	transition: opacity .3s ease;
	opacity: 0
}

#service-links li a:link {
	font-weight: 500;
	color: #fff
}

#about #locations, #team h2 {
	position: relative;
	font-weight: 300;
	width: 100%
}

#service-links li a:active, #service-links li a:hover, #service-links li a:visited {
	color: #fff
}

	#service-links li a:hover::before {
		left: .2em;
		font-size: 1.4875em;
		margin-right: 2em
	}

@media (min-width:64em) {
	#service-links li a:hover::before {
		margin-right: .7em;
		font-size: 5.75rem
	}
}

#service-links li a:hover::after {
	right: .2em;
	font-size: 1.4875em;
	margin-left: 2em
}

#team a, #team h2 {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	color: #fff;
	text-align: center
}

@media (min-width:64em) {
	#service-links li a:hover::after {
		margin-left: .7em;
		font-size: 5.75rem
	}
}

#team {
	background-image: url(/img/team.png);
	background-repeat: no-repeat;
	width: 100%;
	text-align: center;
	padding: 3em 1em;
	clear: both
}

	#team .container {
		max-width: 40rem;
		margin: 0 auto
	}

#breadcrumb, #key-figures ul, #staff-profile, #staff-profile #name, #staff-profile #staff-summary {
	margin-right: auto;
	margin-left: auto
}

#team h1 {
	color: #fff;
	line-height: 1;
	font-size: 2.2rem
}

#team h2 {
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 1em 1.38889%
}

#team a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1em;
	display: block;
	max-width: 15rem;
	margin: 0 auto;
	font-size: 1.2rem
}

	#team a i {
		color: #34bf00;
		margin-left: .25em
	}

@media (min-width:64em) {
	#team .container {
		max-width: 50rem;
		padding-top: 2em;
		padding-bottom: 2em
	}

	#team h1 {
		text-align: center;
		font-size: 3em
	}

	#team h2 {
		font-size: 1.6rem
	}

	#team a {
		font-size: 1.4rem;
		margin-top: 1em
	}
}

#about #locations {
	padding: 10em 1.38889%;
	white-space: nowrap;
	float: left;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	color: #fff;
	text-transform: uppercase;
	background: url(/img/map.png) no-repeat;
	background-size: cover
}

	#about #locations a {
		display: block;
		height: 100%;
		text-align: center
	}

		#about #locations a span {
			font-size: 1.625em
		}

		#about #locations a::after, #about #locations a::before {
			transition: opacity .3s ease;
			opacity: 0;
			top: 50%;
			position: absolute;
			font-family: "Droid Serif","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",serif;
			font-size: 1.4875em;
			vertical-align: middle
		}

#about #message h1, #about #message h2, #latest {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

#about #locations a::before {
	right: 10%;
	transform: translateY(-50%);
	margin-left: 2em;
	content: ']'
}

#about #locations a::after {
	left: 10%;
	transform: translateY(-50%);
	margin-right: 2em;
	content: '['
}

#about #locations a:active, #about #locations a:hover, #about #locations a:link, #about #locations a:visited {
	color: #fff
}

	#about #locations a:hover::after, #about #locations a:hover::before {
		opacity: 1
	}

#about #message {
	width: 100%;
	float: left;
	background-color: #fff;
	text-align: center;
	position: relative;
	padding: 2em 1.38889%
}

	#about #message h1, #about #message h2 {
		font-size: 1.95em;
		color: #016f32;
		padding-left: 1em;
		padding-right: 1em;
		line-height: 1.2
	}

@media (min-width:64em) {
	#about #locations {
		width: 33.33333%;
		float: left;
		float: right;
		padding: 0;
		min-height: 15em
	}

		#about #locations a {
			min-height: 15em;
			vertical-align: middle
		}

			#about #locations a span {
				position: relative;
				top: 4.15em
			}

	#about #message {
		width: 66.66667%;
		padding-left: 1.38889%;
		padding-right: 1.38889%;
		float: right;
		min-height: 15em;
		padding-bottom: 0
	}

		#about #message h1, #about #message h2 {
			font-size: 1.65em;
			padding-left: 1.5em;
			padding-right: 1.5em;
			text-align: center
		}
}

#latest {
	background-image: url(../img/equiom-background.png);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -2em;
	background-color: #fff;
	padding: 1em
}

	#latest .container {
		padding-bottom: 2em
	}

	#latest h2 {
		font-family: "Droid Serif","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",serif;
		color: #008710;
		font-size: 2rem;
		text-align: center;
		margin-bottom: .5em
	}

	#latest .left-column > div, #latest .right-column > div {
		box-shadow: 0 0 10px rgba(0,0,0,.3);
		margin-bottom: 1em;
		position: relative;
		background-color: #fff
	}

		#latest .left-column > div img, #latest .right-column > div img {
			display: block;
			width: 100%
		}

		#latest .left-column > div:after, #latest .right-column > div:after, #latest:after {
			content: " ";
			display: block;
			clear: both;
			height: 100%
		}

	#latest .latest-item-type {
		color: #525252;
		text-transform: uppercase;
		margin-bottom: .5em
	}

	#latest .latest-item-title {
		color: #197226;
		font-size: 1.4rem
	}

	#latest a {
		color: #fff;
		background-color: #000;
		display: block;
		line-height: 1;
		max-width: 9rem;
		font-size: 1.2rem;
		text-align: center;
		border-radius: 5px;
		padding: .5em;
		text-transform: uppercase;
		position: absolute;
		bottom: 1em
	}

		#latest a i {
			color: #34bf00;
			margin-left: .2em
		}

	#latest .latest-item-content {
		padding: 1em
	}

@media (min-width:32em) {
	#latest h2 {
		font-size: 2.5rem
	}

	#latest .left-column > div img, #latest .right-column > div img {
		width: 12rem;
		float: left
	}

	#latest .latest-item-content {
		margin-left: 15rem;
		height: 100%
	}
}

@media (min-width:64em) {
	#latest h2 {
		font-size: 3rem;
		margin-top: .4em;
		margin-bottom: .75em
	}

	#latest {
		margin-left: auto;
		margin-right: auto
	}

		#latest:after {
			content: " ";
			display: block;
			clear: both
		}

		#latest .left-column > div, #latest .right-column > div {
			width: 48.95%;
			float: left
		}

			#latest .left-column > div:last-of-type, #latest .right-column > div:last-of-type {
				float: right
			}

		#latest .left-column {
			margin-bottom: .5em
		}
}

#latest > div > div.heading h2, #latest > div > div.heading h3 {
	font-size: 1.125em;
	font-weight: 300;
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	color: #fff
}

#latest > div > div.heading > div:first-of-type {
	position: absolute;
	left: 0;
	right: 0
}

@media (min-width:30em) {
	#latest > div > div.heading {
		width: 50%;
		float: left
	}

		#latest > div > div.heading > div:first-of-type {
			right: 33.333%
		}
}

#latest > div > div.heading h2 {
	padding: .5em 1em;
	background-color: rgba(255,255,255,.3);
	text-transform: uppercase
}

@media (min-width:64em) {
	#latest > div > div.heading h2 {
		padding: 1em
	}
}

#latest > div > div.heading h3 {
	line-height: 1.2;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 2.6em
}

@media (min-width:48em) {
	#latest > div > div.heading {
		width: 66.66667%;
		float: left
	}

		#latest > div > div.heading h3 {
			font-size: 1.925em
		}
}

@media (min-width:64em) {
	#latest > div > div.heading h3 {
		font-size: 1.7875em;
		margin-bottom: 1em;
		padding: 1rem
	}
}

@media (min-width:80em) {
	#latest .container {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#latest .container:after {
			content: " ";
			display: block;
			clear: both
		}

	#latest > div > div.heading h3 {
		font-size: 2.125em
	}
}

#latest > div > div.heading h3 a:active, #latest > div > div.heading h3 a:hover, #latest > div > div.heading h3 a:link, #latest > div > div.heading h3 a:visited {
	color: #fff
}

#latest > div > div.heading p {
	color: #fff;
	font-size: 1.125em;
	line-height: 1.2;
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 300;
	padding: 0 1rem;
	display: none
}

@media (min-width:64em) {
	#latest > div > div.heading p {
		font-size: 1.1em;
		display: block
	}
}

#latest > div > div.image {
	display: none;
	width: 33.33333%;
	float: left;
	float: right;
	height: 100%
}

#breadcrumb:after, #key-figures ul:after, #news-event-item:after, #staff-profile #name:after, #staff-profile #staff-summary:after, #staff-profile:after, ul[role=toolbar]:after {
	content: " ";
	display: block;
	clear: both
}

@media (min-width:30em) {
	#latest > div > div.image {
		display: block;
		float: right
	}
}

@media (min-width:48em) {
	#latest > div > div.image {
		width: 33.33333%;
		float: left;
		float: right
	}
}

#latest > div > div.image img {
	width: 100%;
	vertical-align: top;
	background-color: #fff
}

#key-figures {
	display: none;
	width: 100%;
	float: left
}

	#key-figures ul {
		max-width: 100%;
		padding-bottom: 1em;
		background-color: #fff;
		height: 100%
	}

@media (min-width:64em) {
	#key-figures {
		background: linear-gradient(to right,#53aa29,#016f32)
	}

		#key-figures ul {
			max-width: 95%;
			margin-left: auto;
			margin-right: auto
		}

			#key-figures ul:after {
				content: " ";
				display: block;
				clear: both
			}
}

@media (min-width:80em) {
	#latest > div > div.heading p {
		font-size: 1.275em
	}

	#key-figures ul {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#key-figures ul:after {
			content: " ";
			display: block;
			clear: both
		}
}

#key-figures ul li {
	width: 100%;
	float: left;
	padding: 1em 0
}

	#key-figures ul li h2 {
		font-size: 1.125em;
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		font-weight: 400;
		color: #016f32;
		text-transform: uppercase;
		border-bottom: 3px solid #016f32
	}

	#key-figures ul li h3 {
		font-size: 2.125em;
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		font-weight: 300;
		color: #016f32
	}

	#breadcrumb, #key-figures ul li p {
		font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
	}

	#key-figures ul li p {
		font-size: 1em;
		border-top: 2px solid rgba(68,66,65,.6);
		color: rgba(68,66,65,.6);
		font-weight: 400
	}

ul[role=toolbar] {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	float: right;
	width: 100%;
	text-align: right;
	padding: 1em 0;
	height: 2.5em
}

	ul[role=toolbar] li {
		display: inline-block;
		margin-left: .8em
	}

		ul[role=toolbar] li button {
			border: none;
			border-radius: 5px;
			color: rgba(255,255,255,.7);
			background-color: rgba(0,0,0,.2);
			height: 1.5em;
			width: 1.5em;
			transition: background-color .2s ease
		}

			ul[role=toolbar] li button[aria-pressed=true] {
				background-color: rgba(0,0,0,.5)
			}

			ul[role=toolbar] li button i {
				font-size: .8em
			}

		ul[role=toolbar] li:last-of-type {
			vertical-align: top;
			vertical-align: -moz-middle-with-baseline
		}

			ul[role=toolbar] li:last-of-type button {
				padding: 0
			}

			ul[role=toolbar] li:last-of-type i {
				line-height: 1.5em
			}

#breadcrumb {
	max-width: 100%;
	background-color: rgba(68,66,65,.5);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

@media (min-width:64em) {
	#key-figures ul li {
		width: 33.33333%;
		float: left;
		padding-left: 1.38889%;
		padding-right: 1.38889%
	}

	#breadcrumb {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#breadcrumb:after {
			content: " ";
			display: block;
			clear: both
		}
}

#breadcrumb ul {
	padding-left: 1em
}

#breadcrumb li {
	font-size: 1em;
	padding: .7em 0;
	display: inline-block;
	font-weight: 400;
	color: #fff
}

	#breadcrumb li a {
		font-weight: 300
	}

		#breadcrumb li a:active, #breadcrumb li a:hover, #breadcrumb li a:link, #breadcrumb li a:visited {
			color: #fff
		}

		#breadcrumb li a::before {
			font-family: FontAwesome;
			content: '\f053';
			color: #fff;
			margin-right: .5rem;
			font-size: .8rem
		}

#meet-the-team .people-group .profileSummary li, #meet-the-team .people-group h2, #meet-the-team .title h3, #staff-profile #name h1, #staff-profile #name h2, #staff-profile #staff-summary > p, .date {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

#breadcrumb li a::after {
	padding: 0 .8em;
	content: ':'
}

#staff-profile {
	max-width: 100%
}

	#staff-profile #name {
		max-width: 100%;
		margin-top: 3em
	}

@media (min-width:64em) {
	#staff-profile #name {
		margin-top: 6em;
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#staff-profile #name:after {
			content: " ";
			display: block;
			clear: both
		}

		#staff-profile #name h1 {
			text-align: left
		}
}

#staff-profile #name h1 {
	font-size: 3.1875em;
	color: #016f32;
	line-height: 1.1;
	letter-spacing: -.03em;
	font-weight: 400;
	margin-top: .5em;
	margin-bottom: .2em
}

	#staff-profile #name h1 span {
		font-size: .6em;
		color: #444241;
		font-weight: 300
	}

#staff-profile #name h2 {
	font-size: 1.125em;
	padding-bottom: 1em;
	text-align: center;
	font-weight: 300;
	color: #444241;
	text-transform: uppercase
}

#staff-profile #staff-summary {
	max-width: 100%;
	position: relative;
	text-align: center
}

@media (min-width:64em) {
	#staff-profile #name h2 {
		text-align: left
	}

	#staff-profile #staff-summary {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		background: linear-gradient(to right,#53aa29,#016f32)
	}

		#staff-profile #staff-summary:after {
			content: " ";
			display: block;
			clear: both
		}
}

#staff-profile #staff-summary > p {
	width: 100%;
	float: left;
	font-size: 1.375em;
	padding: 1em;
	text-align: left;
	font-weight: 400;
	color: #fff;
	background: linear-gradient(to right,#53aa29,#016f32)
}

#staff-profile #contact-info a:active, #staff-profile #contact-info a:hover, #staff-profile #contact-info a:link, #staff-profile #contact-info a:visited, .date {
	color: #444241
}

@media (min-width:64em) {
	#staff-profile #staff-summary > p {
		width: 70% !important;
		background: 0 0
	}

	#staff-profile #staff-summary img {
		position: absolute;
		bottom: 0;
		right: 0
	}
}

#staff-profile #staff-summary img {
	vertical-align: bottom;
	margin: 0 auto
}

#meet-the-team, #meet-the-team .people-group > div, #news-event-item {
	margin-left: auto;
	margin-right: auto
}

#staff-profile aside {
	margin-top: 1em
}

#staff-profile .professionalMembership {
	margin-top: .8em
}

#news-event-item {
	max-width: 100%
}

@media (min-width:64em) {
	#news-event-item {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#news-event-item:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	#breadcrumb, #news-event-item, #staff-profile #name, #staff-profile #staff-summary {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#breadcrumb:after, #news-event-item:after, #staff-profile #name:after, #staff-profile #staff-summary:after {
			content: " ";
			display: block;
			clear: both
		}

		#staff-profile #staff-summary > p {
			width: 75%;
			float: left;
			padding-left: 1.38889%;
			padding-right: 1.38889%
		}
}

#news-event-item #content {
	width: 100%;
	float: left;
	padding: 1em
}

@media (min-width:64em) {
	#news-event-item #content {
		width: 75%;
		float: left;
		padding-left: 1.38889%;
		padding-right: 1.38889%
	}
}

#news-event-item #content .date {
	border-bottom: 1px solid #c3c2c1
}

.date {
	padding: 1em 0;
	font-weight: 300;
	margin-bottom: .7em
}

	.date .location::before {
		content: ' | ';
		padding: 0 1em
	}

#meet-the-team .people-group > div:after, #meet-the-team:after {
	content: " ";
	display: block;
	clear: both
}

#meet-the-team {
	max-width: 100%
}

@media (min-width:64em) {
	#meet-the-team {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#meet-the-team:after {
			content: " ";
			display: block;
			clear: both
		}

		#meet-the-team .people-group > div > div {
			width: 100%;
			float: left;
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 1em;
			border-right: none;
			bottom: 0;
			right: 0
		}
}

@media (min-width:80em) {
	#meet-the-team {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#meet-the-team:after {
			content: " ";
			display: block;
			clear: both
		}
}

#meet-the-team .people-group {
	width: 100%;
	float: left
}

	#meet-the-team .people-group h2 {
		font-size: 2.55em;
		padding: 1em;
		letter-spacing: -.03em;
		font-weight: 400;
		color: #016f32;
		text-align: center
	}

	#meet-the-team .people-group > div {
		max-width: 100%
	}

		#meet-the-team .people-group > div:first-of-type {
			border-top: 1px solid #c3c2c1
		}

		#meet-the-team .people-group > div > div {
			width: 100%;
			float: left;
			min-height: 240px;
			padding: 1em;
			border-bottom: 1px solid #c3c2c1;
			position: relative
		}

@media (min-width:48em) {
	#meet-the-team .people-group > div {
		display: -ms-flexbox;
		display: flex
	}

		#meet-the-team .people-group > div > div {
			width: 50%;
			float: left;
			border-right: 1px solid #c3c2c1;
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 1em;
			margin-left: 0;
			bottom: 0;
			right: 0
		}

			#meet-the-team .people-group > div > div:nth-of-type(2n) {
				border-right: none
			}
}

#meet-the-team .people-group > div > div img {
	width: 33.33333%;
	float: left;
	max-width: 17em;
	position: absolute;
	bottom: 1em;
	right: 1em
}

#meet-the-team .people-group .title {
	margin-bottom: 10em;
	margin-right: 220px
}

@media (min-width:74em) {
	#meet-the-team .people-group .title {
		margin-bottom: 9.5em
	}
}

#meet-the-team .people-group .profileSummary {
	background: linear-gradient(to right,#53aa29,#016f32);
	position: absolute;
	bottom: 1em;
	left: 1em;
	right: 1em
}

	#meet-the-team .people-group .profileSummary ul {
		padding: .75em 0 .2em .5em;
		width: 50%;
		float: left
	}

	#meet-the-team .people-group .profileSummary img {
		vertical-align: bottom;
		margin: 0 auto;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 45%;
		max-width: 180px;
		border: 1px solid #000
	}

	#meet-the-team .people-group .profileSummary li {
		margin-bottom: .5em;
		font-weight: 300;
		color: #fff
	}

		#meet-the-team .people-group .profileSummary li a:active, #meet-the-team .people-group .profileSummary li a:hover, #meet-the-team .people-group .profileSummary li a:link, #meet-the-team .people-group .profileSummary li a:visited {
			color: #fff
		}

	#meet-the-team .people-group .profileSummary .profile::before {
		display: inline-block;
		font-family: FontAwesome;
		content: '\f016';
		width: 1.5em
	}

#meet-the-team .title {
	width: 100%;
	float: left
}

	#meet-the-team .title h3 {
		display: inline-block;
		font-size: 1.9125em;
		letter-spacing: -.03em;
		font-weight: 400;
		color: #016f32;
		margin-bottom: .2em
	}

		#meet-the-team .title h3 + div, #meet-the-team .title h4, #meet-the-team form input, #vacancy-landing form input {
			font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
			font-weight: 300
		}

		#meet-the-team .title h3 a:active, #meet-the-team .title h3 a:hover, #meet-the-team .title h3 a:link, #meet-the-team .title h3 a:visited {
			color: #016f32
		}

		#meet-the-team .title h3 + div {
			display: inline-block;
			font-size: 1em;
			color: #444241;
			line-height: 1.1
		}

	#meet-the-team .title h4 {
		width: 100%;
		font-size: 1em;
		text-transform: uppercase;
		color: #444241;
		letter-spacing: -.03em;
		margin-bottom: .2em;
		margin-top: .4em
	}

#meet-the-team form, #vacancy-landing form {
	background-color: #c3c2c1;
	margin-bottom: 1em
}

@media (min-width:64em) {
	#meet-the-team .title h4 {
		width: 58.33333%
	}
}

@media (min-width:80em) {
	#meet-the-team .title h4 {
		width: 58.33333%
	}
}

#meet-the-team .title h4 a:active, #meet-the-team .title h4 a:hover, #meet-the-team .title h4 a:link, #meet-the-team .title h4 a:visited {
	color: #444241
}

#meet-the-team form {
	width: 100%;
	float: left;
	padding: 1em;
	margin-top: 1em
}

#vacancy-landing form {
	border-radius: 8px;
	display: flex;
	padding: 1.25em .5em .75em 1.5em;
	margin-top: 1em
}

	#meet-the-team form input, #vacancy-landing form input {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		font-size: 1.375em;
		min-height: 2.3em;
		color: #444241;
		margin-bottom: .5em;
		border: 1px solid #aaa8a7
	}

		#meet-the-team form input[placeholder], #vacancy-landing form input[placeholder] {
			padding-left: .8em
		}

	#meet-the-team form select, #vacancy-landing form select {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		flex: 2
	}

@media (min-width:64em) {
	#meet-the-team form input, #vacancy-landing form input {
		margin-bottom: 0;
		width: 24.7012% !important;
		margin-right: .39841% !important
	}

	#meet-the-team form select {
		width: 24.7012%;
		float: left;
		margin-right: .39841%;
		margin-bottom: 0
	}

	#vacancy-landing form select {
		flex: 3
	}
}

#meet-the-team form select::-ms-expand, #vacancy-landing form select::-ms-expand {
	display: none
}

#news-event-list > div:first-of-type:after, #news-event-list > div:first-of-type > ul.latest:after {
	display: block;
	content: " ";
	clear: both
}

#meet-the-team form .button-group, #vacancy-landing form .button-group {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0
}

#vacancy-landing form .button-group {
	flex: 1
}

@media (min-width:64em) {
	#meet-the-team form .button-group {
		width: 24.7012%;
		float: right;
		margin-right: 0
	}

	#vacancy-landing form .button-group {
		float: left;
		width: 24.7012%;
		margin-right: 0
	}
}

#meet-the-team form .button-group button, #vacancy-landing form .button-group button {
	font-size: 1.375em;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	text-transform: uppercase;
	min-height: 2.3em;
	color: #fff
}

	#meet-the-team form .button-group button[type=submit], #vacancy-landing form .button-group button[type=submit] {
		width: 49.23077%;
		float: left;
		margin-right: 1.53846%;
		background-color: #016f32;
		background: linear-gradient(to bottom,#53aa29,#016f32);
		border: 1px solid rgba(0,0,0,.2)
	}

@media (min-width:64em) {
	#meet-the-team form .button-group button[type=submit] {
		width: 32.30769%;
		float: left;
		margin-right: 1.53846%
	}

	#vacancy-landing form .button-group button[type=submit] {
		float: left;
		width: 90%
	}
}

#meet-the-team form .button-group button[type=submit]:hover, #vacancy-landing form .button-group button[type=submit]:hover {
	background: linear-gradient(to bottom,#3f811f,#013c1b)
}

#meet-the-team form .button-group button[type=reset] {
	width: 49.23077%;
	float: right;
	margin-right: 0;
	background-color: rgba(0,0,0,.3);
	border: 1px solid rgba(0,0,0,.2)
}

@media (min-width:64em) {
	#meet-the-team form .button-group button[type=reset] {
		width: 66.15385%;
		float: right;
		margin-right: 0
	}
}

#meet-the-team form .button-group button[type=reset]:hover {
	background-color: rgba(0,0,0,.5)
}

#news-event-list p {
	font-size: 1.125em;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 400;
	line-height: 1.4
}

#news-event-list > div:first-of-type h3, #news-event-list > div:first-of-type > ul.latest > li p {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

#news-event-list > div:first-of-type {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em
}

@media (min-width:64em) {
	#news-event-list > div:first-of-type {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
		float: left
	}

		#news-event-list > div:first-of-type:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	#news-event-list > div:first-of-type {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1em;
		padding-left: 0
	}

		#news-event-list > div:first-of-type:after {
			content: " ";
			display: block;
			clear: both
		}
}

#news-event-list > div:first-of-type > ul.latest {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	float: left;
	padding-bottom: 1em
}

	#news-event-list > div:first-of-type > ul.latest > li {
		width: 100%;
		float: left;
		padding: 1em 0;
		border-bottom: 1px solid #c3c2c1
	}

		#news-event-list > div:first-of-type > ul.latest > li img {
			float: left;
			display: inline-block
		}

		#news-event-list > div:first-of-type > ul.latest > li .details {
			width: 75%;
			float: left;
			padding-left: 1.38889%;
			padding-right: 1.38889%
		}

		#news-event-list > div:first-of-type > ul.latest > li p {
			margin: 0;
			font-size: 1.125em;
			font-weight: 300;
			color: #444241
		}

			#news-event-list > div:first-of-type > ul.latest > li p.introduction {
				font-weight: 400
			}

#news-event-list > div:first-of-type h3 {
	font-size: 1.625em;
	font-weight: 400;
	color: #016f32;
	letter-spacing: -.03em
}

	#news-event-list > div:first-of-type h3 a:active, #news-event-list > div:first-of-type h3 a:hover, #news-event-list > div:first-of-type h3 a:link, #news-event-list > div:first-of-type h3 a:visited {
		color: #016f32
	}

#news-event-list > div:first-of-type .pagination {
	clear: both
}

#news-event-list form {
	width: 100%;
	float: left;
	padding: 1em;
	background-color: #c3c2c1;
	margin-bottom: 1em;
	margin-top: 3em
}

	#news-event-list form .button-group, #news-event-list form select {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}

@media (min-width:64em) {
	#news-event-list > div:first-of-type h3 {
		font-size: 2.125em
	}

	#news-event-list form select {
		margin-bottom: 1em
	}

	#news-event-list form .button-group button[type=submit] {
		width: 49.23077%;
		float: left;
		margin-right: 1.53846%
	}
}

#news-event-list form select::-ms-expand {
	display: none
}

#news-event-list form .button-group button {
	font-size: 1.375em;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	text-transform: uppercase;
	min-height: 2.3em;
	color: #fff
}

#jurisdictions .jurisdiction-panel, #jurisdictions h2, #jurisdictions h3, #jurisdictions h4, .contactForm, .contactForm .formLabel label {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

#news-event-list form .button-group button[type=submit] {
	width: 49.23077%;
	float: left;
	margin-right: 1.53846%;
	background-color: #016f32;
	background: linear-gradient(to bottom,#53aa29,#016f32);
	border: 1px solid rgba(0,0,0,.2)
}

	#news-event-list form .button-group button[type=submit]:hover {
		background: linear-gradient(to bottom,#3f811f,#013c1b)
	}

#news-event-list form .button-group button[type=reset] {
	width: 49.23077%;
	float: right;
	margin-right: 0;
	background-color: rgba(0,0,0,.3);
	border: 1px solid rgba(0,0,0,.2)
}

	#news-event-list form .button-group button[type=reset]:hover {
		background-color: rgba(0,0,0,.5)
	}

#news-event-list #download-newsletter {
	clear: left;
	background-image: url(/img/NewsletterDownloadIcon.png),linear-gradient(to right,#53aa29,#016f32);
	background-repeat: no-repeat;
	background-position: right 1em bottom 0,0 0;
	background-size: auto 100%,cover
}

@media (min-width:64em) {
	#news-event-list form .button-group button[type=reset] {
		width: 49.23077%;
		float: right;
		margin-right: 0
	}

	#news-event-list #download-newsletter {
		background-size: auto 5em,cover
	}
}

#news-event-list #download-newsletter p {
	font-weight: 700;
	color: #fff;
	margin: 0;
	padding: 1em;
	width: 60%
}

#jurisdictions {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1em
}

	#jurisdictions:after {
		content: " ";
		display: block;
		clear: both
	}

	#jurisdictions #jurisdictions-banner {
		width: 100%;
		float: left;
		background-size: cover;
		position: relative;
		min-height: 14em
	}

		#jurisdictions #jurisdictions-banner #banner-title {
			width: 100%;
			float: left
		}

	#jurisdictions h2, #jurisdictions h3 {
		margin: 1em 0 .5em;
		font-size: 2.125em;
		font-weight: 400;
		color: #016f32
	}

@media (min-width:64em) {
	#jurisdictions {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding: 0
	}

		#jurisdictions:after {
			content: " ";
			display: block;
			clear: both
		}

		#jurisdictions #jurisdictions-banner #banner-title {
			margin-left: 8.33333%;
			width: 50%;
			float: left;
			margin-top: 2em
		}

		#jurisdictions h2, #jurisdictions h3 {
			text-align: left
		}
}

#jurisdictions h3 {
	font-weight: 400
}

#jurisdictions h4 {
	font-weight: 400;
	font-size: 2em;
	padding: .5em 0 0;
	margin-top: .25em;
	margin-bottom: 0;
	border-top: 1px solid #c3c2c1;
	color: #444241
}

#jurisdictions ul {
	width: 100%;
	display: inline-block;
	margin-top: 1em
}

#jurisdictions #jurisdiction-list > li {
	margin-bottom: .6em;
	text-indent: 0;
	width: 100%
}

@media (min-width:64em) {
	#jurisdictions #jurisdiction-list > li {
		width: 19%;
		float: left;
		margin-right: 1%
	}
}

#jurisdictions #jurisdiction-list > li a {
	font-weight: 300
}

	#jurisdictions #jurisdiction-list > li a:active, #jurisdictions #jurisdiction-list > li a:hover, #jurisdictions #jurisdiction-list > li a:link, #jurisdictions #jurisdiction-list > li a:visited {
		color: #fff
	}

#jurisdictions #jurisdiction-list > li li {
	width: 100%;
	float: right;
	margin-right: 0
}

#jurisdictions .jurisdiction-panel {
	min-height: 13em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center
}

	#jurisdictions .jurisdiction-panel ul {
		margin-bottom: 1em
	}

	#jurisdictions .jurisdiction-panel .jurisdiction-link {
		position: relative
	}

		#jurisdictions .jurisdiction-panel .jurisdiction-link + div {
			color: #fff;
			padding-top: 1em;
			font-weight: 300;
			display: none
		}

@media (min-width:64em) {
	#jurisdictions .jurisdiction-panel {
		min-height: 16.5em
	}

		#jurisdictions .jurisdiction-panel .jurisdiction-link + div {
			display: block;
			visibility: hidden
		}
}

#jurisdictions .jurisdiction-panel .jurisdiction-link div:nth-of-type(2) {
	font-size: 1.375em;
	color: #fff;
	font-weight: 300;
	position: relative
}

#jurisdictions .jurisdiction-panel .jurisdiction-link .jurisdiction-map {
	font-size: 1.375em;
	min-height: 5em;
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom 0;
	background-size: auto 200%
}

	#jurisdictions .jurisdiction-panel .jurisdiction-link .jurisdiction-map ~ div {
		padding: 0 .5em
	}

@media (min-width:64em) {
	#jurisdictions .jurisdiction-panel .jurisdiction-link:hover::after, #jurisdictions .jurisdiction-panel .jurisdiction-link:hover::before {
		position: absolute;
		top: .45em;
		opacity: .5;
		color: #fff;
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		font-size: 6.125em;
		font-weight: 100
	}

	#jurisdictions .jurisdiction-panel .jurisdiction-link:hover .jurisdiction-map, #jurisdictions .jurisdiction-panel .jurisdiction-link:hover > div:nth-child(1) {
		background-position: center bottom 100%
	}

	#jurisdictions .jurisdiction-panel .jurisdiction-link:hover + div {
		visibility: visible
	}

	#jurisdictions .jurisdiction-panel .jurisdiction-link:hover::before {
		left: 0;
		content: "["
	}

	#jurisdictions .jurisdiction-panel .jurisdiction-link:hover::after {
		right: 0;
		content: "]"
	}
}

#vacancy-landing:after, #vacancy:after, .contactForm:after {
	content: " ";
	display: block;
	clear: both
}

aside {
	padding-top: 0
}

#content .contactForm h2 {
	margin: 0;
	color: #fff
}

.contactForm .formLabel {
	padding-bottom: 5px
}

	.contactForm .formLabel label {
		color: #fff;
		font-size: 1em
	}

.contactForm {
	font-size: 1.1rem;
	background-image: url(../img/cf-background.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
	padding: 1em;
	background-color: #53aa29;
	color: #fff;
	margin-top: 1em
}

	.contactForm select {
		font: inherit;
		-webkit-appearance: none;
		appearance: none;
		background: url(/img/select_arrow.png) right 50% no-repeat #fff
	}

		.contactForm select option {
			background: #016f32;
			color: #fff
		}

	.contactForm .cf-email-updates input {
		appearance: none;
		-webkit-appearance: none;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		position: relative;
		cursor: pointer
	}

	.contactForm #newsletter-checkbox:checked:before {
		content: '\f00c';
		font-family: FontAwesome;
		line-height: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%)
	}

#contact-details, #contact-details p, #vacancy-landing #content #vacancy-results li, #vacancy-landing #content #vacancy-results p, #vacancy-landing #content #vacancy-results ul, #vacancy-landing aside, .formSubmit {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

.contactForm input, .contactForm select, .contactForm textarea {
	border: 0;
	margin: 0;
	padding: .5em;
	resize: none;
	border-radius: 8px;
	background-color: rgba(255,255,255,.4);
	color: #fff;
	font-size: inherit;
	outline: 0;
	width: 100%
}

#contact-details, .contactForm .form-group {
	margin-bottom: 1em
}

.formSubmit {
	border: 0;
	color: #fff;
	background-color: #000;
	line-height: 1;
	text-transform: uppercase;
	padding: .5em;
	display: block;
	border-radius: 5px;
	font-size: 1.2rem
}

#contact-details {
	background: linear-gradient(to right,#53aa29,#016f32);
	font-weight: 300;
	color: #fff;
	padding: .8em;
	line-height: 1.2
}

	#contact-details address {
		padding-top: 1em;
		font-size: 1.125em
	}

@media (min-width:64em) {
	#contact-details address {
		font-size: 1em
	}

	.cf-email, .cf-name-field {
		width: 35%;
		float: left
	}

	.cf-email {
		margin-right: 2%;
		margin-left: 2%
	}

	.contactForm .cf-email-updates {
		position: relative;
		float: left;
		width: 26%;
		margin-top: 1.1em
	}

		.contactForm .cf-email-updates:after {
			content: " ";
			display: block;
			clear: both
		}

		.contactForm .cf-email-updates label {
			position: absolute;
			top: 0;
			left: 3rem;
			cursor: pointer
		}

	.cf-office, .cf-service {
		width: 72%;
		float: left
	}

	.contactForm .submitButton {
		width: 27%%;
		float: right;
		margin-top: 1.2em
	}

	.formSubmit, .submitButton {
		float: right
	}
}

#vacancy, #vacancy-landing {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

#contact-details li {
	border: none;
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 1.125em
}

@media (min-width:64em) {
	#contact-details li {
		font-size: 1em
	}
}

#contact-details li a {
	font-weight: 300
}

	#contact-details li a:active, #contact-details li a:hover, #contact-details li a:link, #contact-details li a:visited {
		color: #fff
	}

#contact-details p {
	font-weight: 300;
	color: #fff;
	line-height: 1;
	padding-top: 1em;
	font-size: 1.125em
}

@media (min-width:64em) {
	#contact-details p {
		font-size: 1em
	}

	#vacancy-landing {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#vacancy-landing:after {
			content: " ";
			display: block;
			clear: both
		}
}

#vacancy-landing #content h2 {
	padding-bottom: .25em;
	margin-bottom: 0;
	border-bottom: 3px solid #53aa29
}

	#vacancy-landing #content h2 span {
		color: #909090
	}

#vacancy-landing #content p a:active, #vacancy-landing #content p a:hover, #vacancy-landing #content p a:link, #vacancy-landing #content p a:visited {
	font-weight: 700;
	color: #016f32
}

#vacancy-landing #content li:before {
	content: none
}

#vacancy-landing #content li {
	padding-left: 0
}

#vacancy-landing #content #vacancy-results p {
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: 300;
	border-bottom: 1px solid #909090;
	font-size: 1.375em;
	line-height: 1
}

#vacancy-landing #content #vacancy-results p, #vacancy-landing #content #vacancy-results ul {
	border-top: 1px solid #016f32;
	color: #016f32
}

#vacancy-landing #content #vacancy-results li {
	border-bottom: 1px solid #909090;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0;
	font-size: 1.375em;
	color: #016f32
}

	#vacancy-landing #content #vacancy-results li a:active, #vacancy-landing #content #vacancy-results li a:hover, #vacancy-landing #content #vacancy-results li a:link, #vacancy-landing #content #vacancy-results li a:visited {
		color: #016f32
	}

#content #vacancy-results ul > li {
	text-indent: 0
}

#vacancy-landing #content #no-vacancies {
	padding-top: 1em;
	border-top: 1px solid #016f32;
	border-bottom: 1px solid #909090
}

	#vacancy-landing #content #no-vacancies p:first-child {
		font-weight: 700
	}

#vacancy-landing #jurisdictions .jurisdiction-panel {
	background: #909090;
	min-height: 9em
}

#vacancy-landing #jurisdictions .location-selected, #vacancy-landing aside {
	background: linear-gradient(to top,#53aa29,#016f32)
}

#vacancy-landing #jurisdictions {
	max-width: 100%
}

	#vacancy-landing #jurisdictions .jurisdiction-map ~ div {
		padding: 0 .1em;
		font-size: 1.125em
	}

#vacancy-landing aside {
	font-size: 1.125em;
	font-weight: 300;
	color: #fff;
	padding: 0
}

	#vacancy #vacancy-id, #vacancy-landing aside #read-more a {
		font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
	}

	#vacancy-landing aside #endorsement {
		padding: 1em 1em 0;
		line-height: 1.3
	}

		#vacancy-landing aside #endorsement > div:nth-child(2) {
			font-weight: 400;
			padding-top: 1em
		}

		#vacancy-landing aside #endorsement > div:nth-child(3) {
			font-size: .75em
		}

	#vacancy-landing aside #photo {
		position: relative
	}

		#vacancy-landing aside #photo img {
			float: right;
			height: 13em
		}

	#vacancy-landing aside a {
		display: block;
		color: #fff;
		font-weight: 400
	}

	#vacancy-landing aside #read-more {
		clear: both;
		position: absolute;
		top: 9em;
		left: 1em;
		background-color: #fff
	}

		#vacancy-landing aside #read-more a {
			padding: 1em;
			color: #016f32;
			font-weight: 700;
			text-align: center
		}

@media (min-width:64em) {
	#vacancy-landing #jurisdictions .jurisdiction-panel {
		min-height: 9.8em
	}

	#vacancy-landing aside {
		padding-top: 1em
	}

	#vacancy {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#vacancy:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	#vacancy, #vacancy-landing {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#vacancy-landing:after, #vacancy:after {
			content: " ";
			display: block;
			clear: both
		}
}

#vacancy > div:nth-child(1) {
	padding-left: 1em;
	padding-right: 1em
}

	#vacancy > div:nth-child(1) h1 {
		width: 100%
	}

@media (min-width:64em) {
	#vacancy > div:nth-child(1) {
		padding-left: 0;
		padding-right: 0
	}

		#vacancy > div:nth-child(1) h1 {
			width: 73.75%
		}
}

#vacancy #vacancy-id {
	text-transform: uppercase;
	color: #909090;
	line-height: 1
}

#vacancy aside {
	font-size: 1.125em;
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	font-weight: 300;
	color: #fff
}

	#vacancy aside a {
		display: block;
		padding-top: 1em;
		color: #fff;
		font-weight: 400
	}

	#vacancy aside h2 {
		color: #fff;
		border: 0;
		font-weight: 300
	}

	#vacancy aside #how-to-apply a {
		font-weight: 300
	}

	#vacancy aside #how-to-apply div:nth-child(n+2):nth-child(-n+3) {
		padding-top: 1em
	}

	#vacancy aside #vacancy-location {
		width: 100%;
		float: left;
		margin-top: 1em;
		padding: 1em;
		background-repeat: no-repeat;
		background-position: right .5em top -3.7em;
		background-size: auto 6em;
		background-color: #909090
	}

		#vacancy aside #vacancy-location address {
			padding-top: 1em;
			padding-bottom: 1em
		}

.library #content {
	padding: 0
}

@media (min-width:64em) {
	.library #content {
		width: 100%;
		padding: 0
	}
}

#accordion {
	margin-top: 2em
}

	#accordion .ui-accordion-header {
		background: linear-gradient(to bottom,#53aa29,#016f32);
		font-size: 1.375em;
		color: #fff;
		padding: .5em;
		outline: 0;
		margin-bottom: 0;
		margin-top: .2em;
		position: relative
	}

	#accordion .ui-icon {
		position: absolute;
		top: .4em;
		right: .6em;
		height: 1em;
		width: 1em
	}

		#accordion .ui-icon::before {
			display: inline-block;
			font-family: FontAwesome
		}

	#accordion .ui-icon-triangle-1-e::before {
		content: '\f078'
	}

	#accordion .ui-icon-triangle-1-s::before {
		content: '\f077'
	}

	#accordion .ui-accordion-content {
		border: 2px solid #016f32;
		border-top: none
	}

	#accordion .ui-corner-all {
		border-radius: 0
	}

	#accordion ul > li {
		font-size: 1.375em;
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		margin-bottom: .2em;
		border-bottom: 1px solid #c3c2c1
	}

		#accordion ul > li:last-of-type {
			border-bottom: none
		}

		#accordion ul > li div {
			padding-top: .6em;
			display: inline-block;
			font-weight: 400
		}

			#accordion ul > li div p {
				font-size: .6em
			}

		#accordion ul > li::before {
			content: '';
			width: 4rem;
			height: 100%;
			font-size: 1.625em;
			margin-left: 0;
			padding-bottom: 1.2rem
		}

		#accordion ul > li.pdf::before {
			display: inline-block;
			font-family: FontAwesome;
			content: '\f1c1';
			vertical-align: middle
		}

#service aside, #service aside #key-staff p, div#search-results > p {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

#service {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

	#service #content {
		padding-right: 1.38889%
	}

	#service:after {
		content: " ";
		display: block;
		clear: both
	}

@media (min-width:64em) {
	#service {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		#service:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	#service {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		#service:after {
			content: " ";
			display: block;
			clear: both
		}
}

#service .regions li:before, #service .regions:after {
	content: ''
}

#service > div:nth-child(1) {
	padding-left: 1em;
	padding-right: 1em
}

	#service > div:nth-child(1) h1 {
		width: 100%
	}

@media (min-width:64em) {
	#service > div:nth-child(1) {
		padding-left: 0;
		padding-right: 0
	}

		#service > div:nth-child(1) h1 {
			width: 73.5%
		}
}

#service aside {
	font-size: 1.125em;
	font-weight: 300;
	color: #fff
}

	#service aside > div {
		margin-bottom: 1em
	}

	#service aside h3 {
		color: #fff;
		border: 0;
		font-weight: 300;
		background-color: #787573;
		text-transform: uppercase;
		font-size: .9625em;
		padding: 1em
	}

	#service aside li {
		border: none;
		font-weight: 300;
		padding: 0;
		margin-bottom: 0
	}

		#service aside li.current {
			background-color: rgba(255,255,255,.1)
		}

		#service aside li a {
			display: block;
			padding: .7em 0;
			color: #000
		}

			#service aside li a:active, #service aside li a:hover, #service aside li a:link, #service aside li a:visited {
				color: #000
			}

	#service aside #key-staff h3 + div {
		background-color: #928e8c;
		padding: 1em;
		position: relative;
		height: 10em
	}

@media (min-width:64em) {
	#service aside #key-staff h3 + div {
		height: 15em
	}
}

#service aside #key-staff p {
	width: 60%;
	color: #fff;
	font-weight: 300;
	margin-bottom: .2em
}

	#service aside #key-staff p:first-of-type {
		font-weight: 400;
		font-size: 1.2375em
	}

	#service aside #key-staff p:last-of-type {
		font-size: .8em;
		text-transform: uppercase
	}

#service aside #key-staff img {
	width: auto;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0
}

@media (min-width:64em) {
	#service aside #key-staff img {
		width: 66%;
		height: auto
	}
}

#services-menu {
	padding: 0
}

#service .regions {
	list-style: none;
	padding: .5em 0;
	margin: 0;
	text-transform: uppercase;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
	position: relative
}

	#service .regions:after {
		display: block;
		clear: both
	}

	#service .regions li {
		padding: 0 .5em 0 0;
		margin: 0 .5em 0 0;
		text-indent: 0;
		float: left;
		border-right: 1px solid #898989;
		line-height: 1
	}

		#service .regions li:first-of-type {
			margin-right: 1em;
			border-right: 0;
			color: #898989
		}

		#service .regions li:last-of-type {
			margin-right: 0;
			padding-right: 0;
			border: 0
		}

		#service .regions li a {
			color: #898989
		}

.service-accordion {
	padding: .25em;
	font-size: 90%;
	border-bottom: .5px solid #c3c2c1
}

	.service-accordion .service-accordion-toggle {
		margin: 0;
		border: 0;
		width: 100%;
		text-align: left;
		cursor: pointer;
		line-height: 1em;
		color: #444241 !important
	}

		.service-accordion .service-accordion-toggle h4 {
			margin: 0
		}

		.service-accordion .service-accordion-toggle .fa {
			margin-right: .2em;
			color: #016f32
		}

.service-accordion-content {
	display: none;
	padding: .75em;
	color: #016f32;
	border-top: 0
}

.service-accordion-toggle h4 {
	color: #444241
}

div#search-results {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	padding: 1em
}

	div#search-results:after {
		content: " ";
		display: block;
		clear: both
	}

@media (min-width:48em) {
	#service .regions {
		padding-left: 8em
	}

		#service .regions li:first-of-type {
			position: absolute;
			left: 0
		}

		#service .regions li {
			line-height: 1.4
		}
}

@media (min-width:64em) {
	div#search-results {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto
	}

		div#search-results:after {
			content: " ";
			display: block;
			clear: both
		}
}

@media (min-width:80em) {
	div#search-results {
		max-width: 80em;
		margin-left: auto;
		margin-right: auto
	}

		div#search-results:after {
			content: " ";
			display: block;
			clear: both
		}
}

div#search-results > p {
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: .8em;
	border-bottom: #c3c2c1 solid 3px
}

div#search-results > ul.results > li {
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	color: #016f32;
	font-weight: 400;
	padding: 1.5em 0;
	border-bottom: #c3c2c1 1px solid
}

#service aside .service-benefits p, .cookie-bar .cookieContainer {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

div#search-results > ul.results > li h2 {
	font-size: 1.375em
}

div#search-results > ul.results > li p {
	font-size: 1em;
	margin-bottom: 0
}

.cookie-bar {
	z-index: 99999999
}

	.cookie-bar .cookieContainer {
		position: relative;
		padding: 2em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		color: #444241;
		background-color: #fff
	}

	.cookie-bar p {
		padding-top: 1em;
		line-height: 1.4;
		padding-right: 3em
	}

	.cookie-bar .cookie-bar-close {
		font-size: 1.6rem;
		cursor: pointer;
		position: absolute;
		top: 1em;
		right: 10px
	}

.sr-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden
}

#socialMediaShare {
	margin-left: 10px
}

.contact-card {
	box-shadow: 0 0 8px rgba(0,0,0,.4);
	padding: 1em 1em 0;
	margin-top: 1em;
	position: relative
}

#service aside .contact-card h3 {
	color: #197226;
	background-color: #fff;
	padding: 0;
	font-weight: 400;
	font-size: 1.4rem;
	text-transform: none;
	margin-bottom: .5em
}

#service aside .contact-card p {
	font-size: .85rem;
	line-height: 1.3;
	text-transform: uppercase;
	color: #444241;
	font-weight: 300
}

#service aside .contact-card img {
	display: block;
	margin: 1em auto 0
}

#service aside .contact-card a {
	color: #fff;
	background-color: #000;
	display: block;
	line-height: 1;
	max-width: 10rem;
	font-size: 1.2rem;
	text-align: left;
	border-radius: 5px;
	padding: .5em;
	margin-top: .75em;
	text-transform: uppercase
}

	#service aside .contact-card a i {
		color: #34bf00;
		margin-left: .2em
	}

@media (min-width:40em) {
	#service aside .contact-card img {
		position: absolute;
		bottom: 0;
		right: 0
	}

	#service aside .contact-card {
		min-height: 216px;
		padding-right: 216px
	}
}

@media (min-width:64em) {
	#service aside .contact-card a {
		font-size: 1rem
	}

	#service aside .contact-card {
		padding-bottom: 1em;
		padding-right: 8rem;
		min-height: 8rem
	}

		#service aside .contact-card img {
			max-width: 8rem
		}
}

#service aside .service-benefits {
	padding: 1em
}

	#service aside .service-benefits p {
		color: #fff;
		line-height: 1.1;
		font-weight: 300
	}

	#service aside .service-benefits ul li {
		position: relative;
		padding-left: 1.8em;
		margin-bottom: .75em
	}

.service-benefits ul li:before {
	content: '\f00c';
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: .1em
}

#content .validation-summary-errors ul li:before, .service-panel-bg:after {
	content: ''
}

#content .validation-summary-errors ul {
	padding: 0;
	margin: 1em 0 0;
	list-style: none
}

	#content .validation-summary-errors ul li {
		color: #fff;
		padding: 0;
		margin: 0;
		text-indent: 0;
		font-size: 1em
	}

#banner .banner-tabs {
	min-height: auto
}

	#banner .banner-tabs button {
		font: inherit;
		border: 0;
		margin: 0;
		padding: 1em .5em;
		background: 0 0;
		background-color: rgba(0,0,0,.5);
		color: #fff;
		display: block;
		border-radius: 0;
		line-height: 1;
		outline: 0;
		text-align: center;
		cursor: pointer;
		font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
		text-transform: uppercase;
		width: 100%
	}

.services-wrapper, .wrapper.intro-wrapper {
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif
}

#banner .banner-tabs button.active {
	color: #008710;
	background-color: #fff
}

.service-panel-bg.colour-036b0c:after, .service-panel-bg:after {
	background-color: #036b0c
}

.wrapper.intro-wrapper {
	padding: 2em 1em 1em;
	text-align: center;
	max-width: 55rem
}

	.wrapper.intro-wrapper p {
		font-weight: 300
	}

.services-wrapper {
	padding-left: 1em;
	padding-right: 1em
}

.service-panel {
	padding: 1em;
	margin-bottom: 1em;
	position: relative
}

.service-panel-bg, .service-panel-bg:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block
}

.service-panel-bg {
	z-index: -1;
	background-position: center;
	background-size: cover
}

	.service-panel-bg:after {
		opacity: .9
	}

	.service-panel-bg.colour-5b5b5b:after {
		background-color: #5b5b5b
	}

	.service-panel-bg.colour-262626:after {
		background-color: #262626
	}

.service-panel h2 {
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: .5em
}

.service-panel p {
	color: #fff;
	font-size: 1rem;
	line-height: 1.2
}

.service-panel a:link {
	color: #fff;
	background-color: #000;
	display: block;
	line-height: 1;
	max-width: 9rem;
	font-size: 1.2rem;
	text-align: center;
	border-radius: 5px;
	padding: .5em;
	margin-top: .75em;
	text-transform: uppercase
}

.service-panel a:visited {
	color: #fff
}

.service-panel a .fa {
	color: #34bf00;
	margin-left: .2em
}

@media only screen and (min-width:48rem) {
	#banner .banner-tabs button {
		float: left;
		font-size: 1.4rem
	}

	#banner .banner-tabs.banner-tabs-2 button {
		width: 48%
	}

		#banner .banner-tabs.banner-tabs-2 button:last-of-type {
			float: right
		}

	#banner .banner-tabs.banner-tabs-5 button {
		width: 19%;
		margin-right: 1.25%
	}

		#banner .banner-tabs.banner-tabs-5 button:last-of-type {
			margin-right: 0
		}

	.service-panel h2 {
		font-size: 2.1rem
	}

	.service-panel a:link {
		position: absolute;
		bottom: 1em
	}

	.service-panel {
		width: 49%;
		float: left;
		height: 15rem;
		overflow: hidden
	}

		.service-panel:nth-of-type(2n+2) {
			float: right
		}
}

@media only screen and (min-width:60rem) {
	.service-panel a:link, .service-panel p {
		left: -100%;
		transition: .5s
	}

	.service-panel, .service-panel:nth-of-type(2n+2) {
		float: left
	}

		.service-panel:hover a:link {
			left: 1em
		}

		.service-panel p {
			position: relative;
			left: -150%
		}

		.service-panel:hover p {
			left: 0
		}

	.service-panel {
		width: 32%;
		padding: 1.25em
	}

	.service-panel-bg:after {
		transition: opacity .5s
	}

	.service-panel:hover .service-panel-bg:after {
		opacity: 1
	}

	.service-panel:nth-of-type(3n+2) {
		margin-left: 2%;
		margin-right: 2%
	}
}

.tab-content {
	display: none
}

	.tab-content.active {
		display: block
	}

.location-service-tabs nav .tab-link {
	margin: 0 0 10px;
	font: inherit;
	font-family: Roboto,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	width: 48%;
	text-align: center;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	border-radius: 8px;
	border: 0;
	padding: 10px;
	outline: 0;
	cursor: pointer
}

.location-service-tabs nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

	.location-service-tabs nav .tab-link.current {
		background-color: #016f32;
		cursor: default
	}

.location-service-tabs {
	border-bottom: 2px solid rgba(0,0,0,.3);
	padding-bottom: .5em;
	margin-bottom: 1em
}

@media (min-width:48rem) {
	.location-service-tabs nav {
		display: block
	}

		.location-service-tabs nav .tab-link {
			width: auto;
			margin-right: 6px
		}
}

@media only screen and (min-width:48rem) {
	#banner .banner-tabs button {
		float: left;
		font-size: 1.4rem
	}

	#banner .banner-tabs.banner-tabs-2 button {
		width: 48%
	}

		#banner .banner-tabs.banner-tabs-2 button:last-of-type {
			float: right
		}

	#banner .banner-tabs.banner-tabs-5 button {
		width: 19%;
		margin-right: 1.25%
	}

		#banner .banner-tabs.banner-tabs-5 button:last-of-type {
			margin-right: 0
		}

	.service-panel h2 {
		font-size: 2rem
	}
}

.regionitemmap, .regionmap {
	border-radius: 8px;
	width: 180px;
	height: 180px
}

.regionmap {
	background-position: 0 0;
	background-repeat: no-repeat
}

.regionitem a {
	display: block;
	margin: 0 auto
}

#jurisdictions .regionitem .regiondetails h2 {
	margin-top: .5em;
	text-align: center
}

.regionitemmap {
	background-image: url(/img/svg_map.png)
}

.regionmap:hover {
	background-position: 0 -180px
}

.regionbuttons a {
	color: #fff;
	font-family: "Roboto Condensed","Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
	background-color: #000;
	line-height: 1;
	text-transform: uppercase;
	padding: .5em;
	display: block;
	border-radius: 5px;
	font-size: 1.2rem;
	margin-bottom: .5em
}

	.regionbuttons a .fa {
		color: #53aa29;
		margin-left: .5em;
		float: right
	}

@media (min-width:36em) {
	.regionbuttons a {
		display: inline-block;
		margin-right: .2em
	}

		.regionbuttons a .fa {
			float: none
		}
}

@media (min-width:48em) {
	#jurisdictions .tab-content {
		padding-top: 2em
	}

	#jurisdictions .regionitem .regiondetails h2 {
		margin-top: 0;
		text-align: left
	}

	.regionitem {
		display: flex;
		margin-bottom: 1.5em
	}

	.regiondetails {
		flex: 4;
		padding-left: 3em
	}
}