/**
 * File: global.css
 *
 * The main CSS file.
 */

/* =============================================================================
 * Layout
============================================================================= */


/* Global
----------------------------------------------------------------------------- */
html,
body,
#body {
	height:100%;
}
#body {
	margin:0 auto;
}
#body.sticky {
	padding-top:133px;
}
.no-js #body {
	padding-top:0;
}

#content-primary:focus {
	outline:0;
}

#main {
	margin-bottom:40px;
}

@media only screen and (min-width: 991px) {
	#body.sticky {
		padding-top:234px;
	}
}

/* Site header
----------------------------------------------------------------------------- */
.header {
	position:relative;
	margin:0 0 18px;
}
.no-js .header {
	position:static;
	margin-bottom:0;
}
.header-inner {
	position:relative;
	height:115px;
	background:#041235;
}
.lt-ie8 .header-inner {
	height:auto;
}
.header .phone {
	position:relative;
}
.header .phone:before {
	position:absolute;
	top:0;
	right:0;
}
.nav-social {
	margin:9px 0 0;
	text-align:right;
}
.nav-social li {
	display:inline;
	margin-left:3px;
}
.nav-social a {
	display:inline-block;
	overflow:hidden;
	text-indent:120%;
	white-space:nowrap;
	opacity:0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-transition:opacity 0.162s ease;
	-webkit-transition:opacity 0.162s ease;
	transition:opacity 0.162s ease;
}
.nav-social a:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.nav-main-icon {
	position:absolute;
	top:38px;
	right:10px;
	width:38px;
	height:30px;
	overflow:hidden;
	padding:0;
	border:0;
	line-height:0;
	text-indent:120%;
	white-space:nowrap;
	-moz-transition:background-color 0.162s ease;
	-webkit-transition:background-color 0.162s ease;
	transition:background-color 0.162s ease;
}
.nav-main-icon:focus {
	outline:0;
}
.nav-main-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-10px;
}
.lt-ie9 .nav-main-icon:before {
	top:-7px;
	margin-top:0;
}
.nav-main-icon.active {
	background:#36425d;
}
.language-select {
	display:none;
}

@media only screen and (max-width: 991px) {
	.header .contact {
		position:absolute;
		top:13px;
		right:25px;
	}
	.header .phone {
		display:block;
		width:16px;
		height:16px;
		overflow:hidden;
		text-indent:120%;
		white-space:nowrap;
	}
	.nav-social {
		clear:both;
		margin-top:0;
		text-align:right;
	}
}

@media only screen and (max-width: 767px) {
	.nav-social {
		margin-top:30px;
		text-align:center;
	}
}

@media only screen and (min-width: 992px) {
	.header {
		background:#041235;
	}
	.header-inner {
		display:table;
		width:100%;
		height:125px;
		padding-top:2px;
		padding-right:0;
	}
	.header-content {
		display:table-row;
	}
	.header .contact {
		display:table-cell;
		width:193px;
		padding-right:33px;
		vertical-align:middle;
		text-align:right;
	}
	.lt-ie8 .header .contact {
		position:absolute;
		top:13px;
		right:25px;
		text-align:left;
	}
	.sticky .nav-social {
		display:none;
	}
	.lt-ie8 .nav-social li {
		display:block;
		float:left;
		margin-top:10px;
	}
	.lt-ie8 .nav-social a {
		display:block;
	}
	.header .phone {
		color:#fff;
		font-weight:300;
	}
	.header .phone:before {
		right:-30px;
	}
	.language-select {
		display:block;
		position:absolute;
		top:67px;
		right:4px;
		overflow:hidden;
		text-indent:120%;
		white-space:nowrap;
	}
}

@media only screen and (min-width: 1200px) {
	.header .contact {
		width:194px;
	}
}

/* Sticky header
----------------------------------------------------------------------------- */
.sticky .header {
	background:none;
}
.sticky .header-inner {
	display:block;
	position:fixed;
	top:0;
	right:0;
	z-index:300000;
	width:124px;
	height:44px;
	padding:0;
	background:#041235;
	-moz-transition:width 0.162s ease;
	-webkit-transition:width 0.162s ease;
	transition:width 0.162s ease;
}
.sticky.full .header-inner {
	width:100%;
}
.sticky .header .phone {
	position:absolute;
	top:10px;
	right:64px;
	z-index:300;
	width:21px;
	height:21px;
	overflow:hidden;
	text-indent:-99999px;
}
.sticky .header .phone:before {
	content:none;
}
.sticky .header .phone:after {
	position:absolute;
	top:0;
	left:0;
	content:"";
}
.sticky .nav-main-icon {
	top:0;
	height:44px;
}
.sticky .language-select {
	display:none;
}

@media only screen and (max-width: 991px) {
	.sticky .header-inner {
		-webkit-animation:slide-down 0.33s forwards;
		animation:slide-down 0.33s forwards;
	}
	.sticky .header .contact {
		top:2px;
	}
}

@media only screen and (min-width: 992px) {
	.sticky .header {
		width:100%;
	}
	.sticky .header .phone {
		position:absolute;
		top:10px;
		right:62px;
		z-index:300;
		width:21px;
		height:21px;
		overflow:hidden;
		text-indent:120%;
		white-space:nowrap;
		-webkit-animation:slide-down 0.33s forwards;
		animation:slide-down 0.33s forwards;
	}
}

/* Site footer & sitemap
----------------------------------------------------------------------------- */
.site-links {
	position:relative;
	clear:both;
	padding-top:60px;
	padding-bottom:121px;
	background:#041235;
	text-align:center;
}
.site-links .row {
	color:#fff;
	font-size:18px;
	line-height:30px;
}
.rowMeeting {
	color:#041235;
	font-size:12px;
	clear:left;
}
.back-to-top {
	display:inline-block;
	position:absolute;
	top:28px;
	left:50%;
	overflow:hidden;
	margin-left:-18px;
	text-indent:120%;
	white-space:nowrap;
}
.site-links .row {
	clear:left;
}
.site-links .row:after {
	display:none;
	clear:left;
}
.site-links .row h2 {
	margin-top:40px;
	font-weight:300;
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;
}
.site-links ul {
	margin-bottom:0;
	margin-left:0;
}
.site-links .row a {
	color:#fff;
	font-weight:300;
}
.site-links .complementary {
	position:absolute;
	right:0;
	bottom:38px;
	left:0;
	margin:auto;
}
.site-links .employee-email {
	display:inline-block;
	margin-top:10px;
	color:#fff;
	font-size:18px;
}
.site-links .employee-email:before {
	margin-right:10px;
	margin-bottom:-4px;
}
.footer {
	padding-bottom:30px;
	text-align:center;
}
.footer label {
	display:inline-block;
	margin-right:12px;
	margin-bottom:3px;
	font-weight:300;
	font-size:14px;
}
.footer input[type="email"],
.footer input[type="text"] {
	background:#b3b8c2;
}
.footer button {
	padding-right:25px;
	padding-left:25px;
	font-weight:300;
	font-size:14px;
}
.footer p {
	color:#696969;
	font-size:14px;
}
.footer span,
.footer p a {
	margin-left:20px;
}
.footer p a {
	color:#696969;
	text-decoration:underline;
}
.footer span:first-child,
.footer span:first-child + span {
	margin-left:0;
}
.footer:before {
	display:block;
	width:80%;
	margin:40px auto;
	padding-top:29.66%;
	background:url(/gui/i/png/logo-footer.png) no-repeat;
	background-size:100%;
	content:"";
}

.svg .footer:before {
	background-image:url(/gui/i/logo-footer.svg);
}

@media only screen and (min-width: 500px) {
	.footer:before {
		width:445px;
		height:165px;
		padding-top:0;
	}
	.footer span {
		white-space:nowrap;
	}
}

@media only screen and (min-width: 768px) {
	.site-links {
		padding-bottom:115px;
		text-align:left;
	}
	.site-links .row {
		font-size:13px;
		line-height:24px;
	}
	.site-links .row h2 {
		font-size:13px;
		line-height:24px;
	}
	.site-links .complementary {
		position:static;
		float:right;
		width:30%;
		margin-top:30px;
		padding:0;
	}
	.site-links .employee-email {
		font-size:13px;
	}
	.footer {
		padding-bottom:100px;
	}
	.footer input[type="email"],
	.footer input[type="text"] {
		max-width:300px;
		margin-right:3px;
	}
	.footer:before {
		margin:110px auto 80px;
	}
}

@media only screen and (min-width: 992px) {
	.site-links .complementary {
		width:25%;
		padding:0 15px;
	}
}

/*
 * Placeholder color for newsletter form
 */
.footer ::-webkit-input-placeholder {
	/* WebKit browsers */
	color:#fff;
}
.footer :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color:#fff;
	opacity:1;
}
.footer ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color:#fff;
	opacity:1;
}
.footer :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color:#fff;
}

/* Twitter
----------------------------------------------------------------------------- */
.m-twitter {
	display:none;
}

@media only screen and (min-width: 768px) {
	.m-twitter {
		display:block;
	}
	.m-twitter h2 {
		display:inline-block;
		margin-right:10px;
		color:#fff;
		font-weight:400;
		font-size:24px;
		line-height:40px;
		text-transform:none;
	}
	.m-twitter .m-h {
		margin-bottom:10px;
	}
	.m-twitter .m-h .button {
		float:right;
	}
	.m-twitter .m-c {
		height:410px;
		overflow:auto;
		padding:11px;
		background:#fff;
	}
	.m-twitter li {
		margin-bottom:40px;
	}
	.m-twitter .meta {
		position:relative;
		margin-bottom:25px;
		padding-left:47px;
		line-height:18px;
	}
	.lt-ie8 .m-twitter .meta {
		position:static;
		padding-left:0;
	}
	.m-twitter .date {
		display:block;
		color:#6e6e6e;
		font-size:12px;
	}
	.m-twitter .meta a {
		color:#6e6e6e;
		text-decoration:none;
	}
	.m-twitter .meta img {
		position:absolute;
		top:0;
		left:0;
	}
	.lt-ie8 .m-twitter .meta img {
		display:block;
		position:static;
	}

	/*Twitter Macro
	----------------------------------------------------------------------------- */

	.m-twitter.macro h2 {
		color: #000;
	}

	.m-twitter.macro .m-c {
		height:auto;
		padding-left:0px;
		overflow:visible;
		background:#fff;
	}

	.m-twitter.macro li.tweet {
		background:none;
		background-image:none;
	}

	.m-twitter.macro ul {
		margin-left:10px;
	}
}

/* Icons
----------------------------------------------------------------------------- */
.icon:before {
	display:inline-block;
	content:"";
}
.read-more:before,
.read-more-white:before,
.print:before {
	margin-bottom:-4px;
}
.camera-white:before {
	margin-bottom:-1px;
}
.twitter-icon:before {
	margin-bottom:-6px;
}
.calendar-black:before,
.calendar-blue:before {
	margin-bottom:-3px;
}



/* =============================================================================
 * System messages
============================================================================= */
.error-message {
	border-color:#f00;
}
.alert-message {
	margin-top:-18px;
	padding:17px 0;
	border-bottom:1px solid #000;
	background:#f00;
	color:#fff;
	text-align:center;
}
.alert-message p {
	margin-bottom:0;
	font-weight:300;
	font-size:14px;
}
.alert-message strong {
	font-weight:300;
	text-transform:uppercase;
}
.alert-message a {
	color:#fff;
}
.alert-message .alert-icon {
	position:relative;
	padding:0 10px 0 57px;
}
.alert-message .alert-icon:before {
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-17px;
}

@media only screen and (min-width: 992px) {
	.alert-message .alert-icon {
		padding:0 70px;
	}
	.alert-message .alert-icon:before {
		left:23px;
	}
}


/* =============================================================================
 * Open in new window
============================================================================= */
a[target="_blank"]:after {
	position:absolute;
	left:-99999px;
	content:" (will open in a new window)";
}



/* =============================================================================
 * Read more-links
============================================================================= */
.read-more a span {
	position:absolute;
	left:-9999px;
}



/* =============================================================================
 * Paging
============================================================================= */
.paging {
	margin:0 0 140px;
	text-align:center;
}
.paging h2,
.paging h3 {
	margin:0 0 0.5em;
}
.paging strong {
	float:left;
	margin-right:5px;
	padding:4px 0;
}
.paging a:link,
.paging a:visited,
.paging .ellipsis,
.paging .sel {
	display:inline-block;
	min-width:1.3em;
	margin:0 0 5px 0;
	padding:1px 8px;
	color:#000;
	font-weight:300;
	text-align:center;
	text-decoration:none;
}
.paging a:hover,
.paging a:focus,
.paging a:active {
}
.paging em {
	border:1px solid #09f;
	font-style:normal;
}
.paging .comma {
	position:absolute;
	left:-99999px;
}
.paging .prev-page,
.paging .next-page {
	position:relative;
	top:7px;
	width:9px;
	height:16px;
	padding:0;
	text-indent:-99999px;
}
.paging .prev-page:before,
.paging .next-page:before {
	position:absolute;
	top:0;
	left:0;
}
.paging .next-page:before {
	right:0;
	left:auto;
}



/* =============================================================================
 * Forms
============================================================================= */


/* General form layout
----------------------------------------------------------------------------- */
.form-general {
	margin:24px 0;
	padding:5px;
	background:#eee;
}
.form-general input,
.form-general select,
.form-general textarea {
	margin:0;
}
.form-general .alt {
	display:inline;
	margin:0 12px 0 0;
}
.form-general fieldset {
	margin:0;
	padding:10px;
	border:1px solid #ddd;
}


/* Fieldsets
----------------------------------------------------------------------------- */
.form-general fieldset.no-border {
	padding:0 9px;
	border:none;
}
.no-border legend {
	padding:0;
}



/* Form controls
----------------------------------------------------------------------------- */
.text textarea {
	height:120px;
}
input[type="radio"],
input[type="chechbox"] {
	width:auto !important;
	vertical-align:middle;
}


/* Buttons
 * Button elements and buttony links.
----------------------------------------------------------------------------- */
input[type="button"],
input[type="submit"],
button,
a.button {
	display:inline-block;
	width:auto;
	padding:7px 20px;
	border:1px solid #000;
	background-color:transparent;
	color:#000;
	font-size:16px;
	line-height:24px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}
.lt-ie8 input[type="button"],
.lt-ie8 input[type="submit"],
.lt-ie8 button,
.lt-ie8 a.button {
	display:inline;
	zoom:1;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
a.button:hover {
	text-decoration:underline;
}
input[disabled="disabled"],
button[disabled="disabled"],
a.button.disabled {
	opacity:0.5;
}
input[type="button"]:before,
input[type="submit"]:before,
button:before,
a.button:before {
	margin-right:15px;
}
button.link {
	margin:0;
	padding:5px 0;
	border:0;
	background:transparent;
	cursor:pointer;
}
button.link span {
	text-decoration:underline;
}
.inverted input[type="button"],
.inverted input[type="submit"],
.inverted button,
.inverted a.button {
	border-color:#fff;
	color:#fff;
}
.article .button-container {
	text-align:center;
}



/* =============================================================================
 * Modules
 *
 * Basic module class.
============================================================================= */
.m {
	margin:0 0 1em;
}
.m h2 {
	margin-bottom:0;
}
.m ul {
	margin:0;
	padding:0;
}
.m li {
	margin:0 0 6px;
}
.m h3 {
	margin:0;
	font-size:1em;
	line-height:1.2;
}
.m p {
	margin-bottom:0;
}

/* Teaser module
============================================================================= */
.m-teaser {
	margin-bottom:40px;
}
.m-teaser h2 {
	margin-bottom:10px;
	line-height:20px;
}
.m-teaser h2 a {
	color:#606060;
	font-weight:400;
	font-size:24px;
	line-height:30px;
	text-decoration:none;
	text-transform:none;
}
.m-teaser img {
	display:block;
	margin-bottom:12px;
}
.m-teaser.fullwidth {
	text-align:center;
}
.m-teaser.fullwidth img {
	width:100%;
}

h2 + .teasers {
	margin-top:20px;
}

@media only screen and (min-width: 768px) {
	.m-teaser {
		margin-bottom:80px;
	}
}

/* Sub section teaser	
============================================================================= */
.sub-section-teaser {
	padding:25px 0 0;
	background:#14828c;
	color:#fff;
	font-weight:300;
	font-size:24px;
	line-height:30px;
	text-align:center;
}
.sub-section-teaser a {
	border-bottom:1px solid #fff;
	color:#fff;
	text-decoration:none;
}

@media only screen and (min-width: 768px) {
	.sub-section-teaser {
		padding:27px 0 23px;
		font-size:36px;
		line-height:48px;
	}
}

/* subMeeting section teaser
============================================================================= */
.subMeeting-section-teaser {
	padding:25px 0 0;
	background:#14828c;
	color:#fff;
	font-weight:300;
	font-size:16px;
	line-height:30px;
	text-align:center;
}
.subMeeting-section-teaser a {
	border-bottom:1px solid #fff;
	color:#fff;
	text-decoration:none;
}

@media only screen and (min-width: 768px) {
	.subMeeting-section-teaser {
		padding:27px 0 23px;
		font-size:16px;
		line-height:48px;
	}
}


/* Expandable sections	
============================================================================= */
.exp-sections {
	margin-bottom:85px;
}

.exp-sections > h2 {
	margin-bottom:15px;
	font-size:36px;
	line-height:36px;
	text-transform:uppercase;
}

.exp-section {
	position:relative;
	overflow:hidden;
	margin-top:-1px;
	border:1px solid #c9c9c9;
	border-width:1px 0;
}

.js .exp-section {
	opacity:0;
	-moz-transition:opacity 0.162s ease;
	-webkit-transition:opacity 0.162s ease;
	transition:opacity 0.162s ease;
}

.js .exp-section.show {
	opacity:1;
}

.exp-section .heading button {
	display:block;
	position:relative;
	z-index:2;
	min-height:0;
	width:100%;
	overflow:hidden;
	padding:14px 10px 17px 30px;
	border:none;
	background:transparent;
	font-size:24px;
	line-height:30px;
	text-align:left;
	text-transform:none;
	-moz-transition:color 0.162s ease;
	-webkit-transition:color 0.162s ease;
	transition:color 0.162s ease;
}

.exp-section .heading button:hover {
	text-decoration:none;
}

.exp-section.sub-heading .heading button {
	padding-bottom:40px;
}

.no-js .exp-section h2 {
	margin-top:20px;
	margin-bottom:10px;
}

.exp-section .heading button:focus {
	outline:0;
	color:#0093d5;
}

.no-js .exp-section > h2:before,
.no-js .exp-section > h2:after {
	content:none;
}

.js .exp-section > .heading:before,
.ie9 .exp-section.collapsed > .heading:before,
.js .exp-section > .heading:after,
.ie9 .exp-section.collapsed > .heading:after {
	position:absolute;
	top:19px;
	left:10px;
	-moz-transition:-moz-transform 0.162s ease;
	-webkit-transition:-webkit-transform 0.162s ease;
	transition:transform 0.162s ease;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

.ie9 .exp-section > .heading button:before,
.ie9 .exp-section > .heading button:after {
	top:12px;
	left:-5px;
	width:22px;
	height:12px;
	background-image:none;
}

.no-js .lt-ie8 .exp-section > h2,
.lt-ie8 .exp-section > .heading button {
	background:none;
}

.exp-section .heading + img {
	position:absolute;
	top:7px;
	right:10px;
	width:53px;
	-moz-transition:opacity 0.162s ease;
	-webkit-transition:opacity 0.162s ease;
	transition:opacity 0.162s ease;
}

.exp-section.expanded .heading + img {
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.exp-section.collapsed > .heading:before,
.exp-section.collapsed > .heading:after {
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}

.js .exp-section > p {
	position:absolute;
	top:50px;
	left:30px;
	width:100%;
	overflow:hidden;
	padding-right:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.js .exp-section-content {
	margin:0 0 40px 30px;
}

.exp-section-content:focus {
	outline:0;
}

.js .exp-section.collapsed .exp-section-content {
	display:none;
}

.exp-section.expanded .exp-section-content {
	-webkit-animation:fade-in 0.75s forwards;
	animation:fade-in 0.75s forwards;
}

@-webkit-keyframes fade-in {
	0% {
		opacity:0;
		-webkit-transform:translateY(-10px);
		transform:translateY(-10px);
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes fade-in {
	0% {
		opacity:0;
		transform:translateY(-10px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

@media only screen and (min-width: 768px) {
	.exp-section .heading button {
		padding-top:20px;
		padding-left:45px;
	}
	.js .exp-section > p {
		left:45px;
		padding-right:55px;
	}
	.js .exp-section-content {
		margin-left:45px;
	}
	.exp-section > .heading:before {
		content:none;
	}
	.exp-section > .heading:after {
		content:"";
	}
}

/* Bio and Service Area
----------------------------------------------------------------------------- */
.service-area-search:focus {
	outline:0;
}
.service-area {
	margin-bottom:25px;
}
.service-area h3 {
	display:inline;
	font-weight:400;
	font-size:16px;
	line-height:24px;
}
.service-area p {
	display:inline;
}

/* Infographics
============================================================================= */
.m-infographics {
	padding-top:25px;
	padding-bottom:25px;
}
.m-infographics .row {
	margin-bottom:28px;
}
.m-infographics h2 {
	margin-bottom:26px;
}
.m-infographics h2 span {
	color:#666;
	text-transform:none;
}
.m-infographics p {
	margin-bottom:0;
}
.m-infographics img {
	display:none;
}
.m-infographics .big-number {
	font-size:24px;
	line-height:30px;
}
.m-infographics .total {
	display:block;
	font-size:16px;
	line-height:24px;
}
.m-infographics abbr {
	font-size:16px;
}
.m-infographics .year-to-date {
	display:block;
	font-size:16px;
	line-height:16px;
}
.m-infographics .negative {
	color:#f00;
}
.m-infographics .positive {
	color:green;
}
.m-infographics .m-c {
	display:table;
	width:100%;
}
.m-infographics p.big-number,
.m-infographics .comparison {
	display:table-cell;
}
.m-infographics .comparison {
	padding-left:10px;
	text-align:right;
}
.m-infographics .button-container {
	text-align:center;
}

@media only screen and (max-width: 991px) {
	.m-infographics h2 {
		font-size:24px;
		line-height:30px;
		text-align:center;
		text-transform:none;
	}
	.m-infographics h2 span {
		display:block;
	}
	.m-infographics h3 {
		font-size:14px;
	}
	.m-infographics .comparison .label {
		display:block;
		position:absolute;
		left:-99999px;
	}
	.m-infographics .row > div {
		margin-bottom:-1px;
		padding-bottom:10px;
		border:solid #c9c9c9;
		border-width:1px 0;
	}
}

@media only screen and (min-width: 992px) {
	.m-infographics {
		padding-top:50px;
	}
	.m-infographics h2 span {
		font-size:18px;
	}
	.m-infographics h3 {
		margin-bottom:23px;
	}
	.m-infographics img {
		display:block;
	}
	.m-infographics .big-number {
		font-size:36px;
		line-height:40px;
		white-space:nowrap;
	}
	.m-infographics .total {
		font-size:24px;
		line-height:24px;
	}
	.m-infographics p.big-number {
		width:60%;
	}
	.m-infographics .comparison .label {
		display:inline-block;
		width:110px;
	}
	.m-infographics .comparison .big-number {
		display:block;
	}
}

/* Teaser mid section
============================================================================= */
.teaser-mid-section {
	padding-top:40px;
	background:#e2d6c1;
}
.teaser-mid-section img {
	display:block;
}
.teaser-mid-section .teaser {
	margin-bottom:40px;
}
.teaser-mid-section .teaser-content {
	padding:22px 22px 67px;
	background:#fff;
}
.teaser-mid-section .m-h {
	margin-bottom:20px;
}
.teaser-mid-section h2 {
	width:100%;
	font-size:24px;
	line-height:30px;
	text-transform:none;
}
.teaser-mid-section .button-container {
	position:absolute;
	bottom:22px;
	left:0;
	width:100%;
	padding-right:30px;
	padding-left:30px;
	text-align:center;
}

@media only screen and (min-width: 768px) {
	.teaser-mid-section .teaser-content {
		padding-bottom:87px;
	}
	.teaser-mid-section .m-h {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-align:end;
		margin-bottom:30px;
		-webkit-box-align:end;
		-webkit-align-items:flex-end;
		align-items:flex-end;
	}
	.lt-ie9 .teaser-mid-section img {
		width:100%;
	}
}

@media only screen and (min-width: 992px) {
	.teaser-mid-section {
		background-image:url(/gui/i/plywood-texture.jpg);
		background-position:center top;
		background-repeat:no-repeat;
	}
}

/* GWRS teaser
============================================================================= */
.gwrs {
	min-height:470px;
	margin-bottom:40px;
	padding-bottom:10px;
	background:#0e4a74;
	color:#fff;
	font-size:20px;
}
.gwrs .container-fluid:after,
.gwrs .row:after {
	display:none;
}
.logo-gwrs {
	display:block;
	overflow:hidden;
	text-indent:120%;
	white-space:nowrap;
}
.gwrs .logo-gwrs {
	margin-top:29px;
}
.gwrs h2 {
	margin:16px 0 25px;
	font-size:24px;
	line-height:30px;
	text-transform:none;
}
.gwrs .links {
	text-align:center;
}
.gwrs .links a {
	margin-right:22px;
	margin-bottom:15px;
}
.gwrs .gallon-counter {
	min-height:220px;
	padding-top:10px;
	background:url(../i/gwrs.jpg) no-repeat center;
	background-size:cover;
	font-size:18px;
	text-align:center;
}
.gwrs .gallons {
	display:block;
	margin-bottom:10px;
	font-size:18px;
	line-height:13px;
}
.gwrs .gallons span {
	display:inline-block;
	width:19px;
	height:29px;
	margin-top:15px;
	margin-right:1px;
	border-radius:3px;
	background:#ffe;
	color:#000;
	line-height:29px;
	vertical-align:bottom;
	text-align:center;
}

@media only screen and (min-width: 400px) {
	.gwrs .gallon-counter {
		min-height:320px;
	}
	.gwrs .gallon-counter {
		font-size:20px;
	}
	.gwrs .gallons span {
		width:22px;
		height:32px;
		margin-right:2px;
		font-size:20px;
		line-height:32px;
	}
}

@media only screen and (min-width: 768px) {
	.gwrs {
		margin-bottom:55px;
		padding-bottom:0;
	}
	.gwrs .container-fluid {
		position:relative;
	}
	.gwrs .row {
		display:table;
		min-height:470px;
	}
	.gwrs .row > div {
		display:table-cell;
		float:none;
		vertical-align:top;
	}
	.gwrs .row > div:first-child {
		padding-bottom:150px;
	}
	.gwrs h2 {
		padding-right:80px;
		font-size:36px;
		line-height:48px;
	}
	.gwrs h2 span {
		display:block;
	}
	.gwrs .links {
		position:absolute;
		bottom:11px;
		left:15px;
		width:45%;
		text-align:left;
	}
	.gwrs .gallon-counter {
		padding-top:25px;
	}
}

@media only screen and (min-width: 1100px) {
	.gwrs h2 {
		padding-right:110px;
	}
	.gwrs .gallons {
		font-size:34px;
		line-height:24px;
	}
	.gwrs .gallon-counter {
		font-size:24px;
	}
	.gwrs .gallons span {
		width:32px;
		height:50px;
		margin-right:4px;
		font-size:34px;
		line-height:50px;
	}
}

/* Meetings
============================================================================= */
.meetings {
	position:relative;
}
.meetings h2 {
	margin-bottom:5px;
	font-size:24px;
	line-height:24px;
	text-transform:none;
}
.meeting {
	margin-top:15px;
	margin-bottom:50px;
	padding:0 10px 10px;
	border:1px solid #d1bf55;
}
.meeting a {
	color:#000;
}
.meeting .goodreader {
	margin-bottom:3px;
}
.meetings table,
.meetings .paging {
	margin-bottom:0;
}
.meetings tbody tr:first-child td {
	padding-top:13px;
}
.meetings td {
	border:0;
}
.meeting td {
	padding:3px 13px;
}
.meetings td:first-child {
	padding-left:0;
}
.meetings td .open-in-dialog {
	color:#000;
}
.meetings th {
	border-bottom:1px solid #000;
}
.meetings th a {
	color:#000;
}
.meetings th a:after {
	display:inline-block;
	margin-bottom:2px;
	margin-left:15px;
	content:"";
}
.meeting td:first-child {
	padding-left:13px;
}
.meeting tr:first-child td:first-child {
	padding-left:0;
}
.meetings .time,
.meetings .date {
	white-space:nowrap;
}
.meetings p {
	max-width:660px;
	margin:55px auto 40px;
	font-weight:300;
	font-size:18px;
	line-height:24px;
	text-align:center;
}
.upcoming-meetings,
.article .upcoming-meetings {
	margin-top:15px;
	margin-left:0;
	white-space:nowrap;
}
.upcoming-meetings li {
	display:inline-block;
	width:100%;
	margin-right:1px;
	vertical-align:top;
	text-align:center;
	white-space:normal;
}
.article .upcoming-meetings li:before {
	content:none;
}
.lt-ie8 .upcoming-meetings li {
	display:inline;
	zoom:1;
}
.upcoming-meetings .date {
	display:block;
	margin-bottom:1px;
	padding:0 5px;
	background:#000;
	color:#fff;
}
.upcoming-meetings div {
	padding:5px 10px 10px;
	border:1px solid #000;
}
.upcoming-meetings a:first-child {
	color:#000;
}
.upcoming-meetings .calendar-blue:before {
	margin-right:7px;
}
.meetings form {
	margin:10px 0;
}
.no-js #meeting {
	margin-bottom:40px;
}
#meeting h2 {
	margin-bottom:30px;
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
}
#meeting h3 {
	text-transform:uppercase;
}
#meeting dl + h3 {
	font-weight:400;
	font-size:16px;
	line-height:24px;
	text-transform:uppercase;
}
#meeting dl,
#meeting .byline {
	overflow:hidden;
	margin-bottom:0;
}
#meeting dt,
#meeting .posted-by {
	font-weight:400;
	text-transform:uppercase;
}
#meeting dd {
	margin-bottom:26px;
}
#meeting dd,
#meeting .author {
	font-weight:300;
}
#meeting .documents h3 {
	margin-bottom:10px;
	font-size:24px;
	line-height:24px;
	text-transform:none;
}
#meeting table {
	margin-bottom:45px;
	border-bottom:2px solid #000;
}
#meeting td {
	word-break:break-all;
}
#meeting .right {
	width:57px;
	padding-right:0;
	padding-left:0;
}
#meeting .buttons {
	margin-top:26px;
	text-align:center;
}
#meeting .button {
	margin:15px 15px 0;
}
#meeting .file {
	margin:0 5px;
}
#meeting .pdf,
#meeting .audio,
#meeting .doc {
	margin-bottom:-4px;
}
.multi-row td {
	padding-top:26px;
}
.multi-row td:first-child {
	padding-left:0;
}

@media only screen and (min-width: 360px) {
	.upcoming-meetings li {
		width:80%;
	}
}

@media only screen and (min-width: 500px) {
	.meetings .custom-select-container {
		float:left;
		clear:none;
		width:150px;
		margin-right:10px;
	}
	.upcoming-meetings li {
		width:40%;
	}
}

@media only screen and (min-width: 630px) {
	#meeting dt,
	#meeting .posted-by {
		float:left;
		clear:left;
		width:40%;
	}
	#meeting dd,
	#meeting .author {
		float:left;
		width:60%;
	}
}

@media only screen and (min-width: 768px) {
	.meetings h2 {
		float:left;
		margin-bottom:15px;
	}
	.meetings h2 + a {
		float:right;
		font-size:18px;
	}
	.meeting {
		clear:both;
		padding:0 24px 10px;
	}
	.meetings .slider-wrapper {
		clear:both;
	}
	.upcoming-meetings li {
		width:22%;
	}
}

@media only screen and (min-width: 1170px) {
	.upcoming-meetings li {
		width:18%;
	}
}

/* GWRS pages
============================================================================= */
.gwrs-banner {
	margin:-10px 0 30px;
	background:#0e4a74;
	color:#fff;
}
.logo-gwrs-banner {
	display:block;
	overflow:hidden;
	margin-top:17px;
	text-indent:120%;
	white-space:nowrap;
}
.gwrs-banner .gallon-counter {
	padding:5px 0 10px;
}
.gwrs-banner .gallons {
	display:inline-block;
	margin-bottom:10px;
	font-size:18px;
	line-height:13px;
	vertical-align:bottom;
}
.gwrs-banner .gallons span {
	display:inline-block;
	width:19px;
	height:29px;
	margin-top:15px;
	margin-right:1px;
	border-radius:3px;
	background:#ffe;
	color:#000;
	line-height:29px;
	vertical-align:bottom;
	text-align:center;
}
.gwrs-banner p {
	margin-bottom:0;
}
.gwrs-banner .label {
	display:block;
	margin-bottom:10px;
	font-size:16px;
	line-height:29px;
	vertical-align:bottom;
}
.article .gwrs-process {
	overflow:hidden;
	margin:35px 0 20px;
	list-style:none;
	text-align:center;
}
.gwrs-process li {
	margin-bottom:30px;
}
.gwrs-process .step {
	display:block;
	width:54px;
	height:54px;
	margin:0 auto 15px;
	border-radius:50%;
	background:#09c;
	color:#fff;
	font-weight:300;
	font-size:36px;
	line-height:54px;
	text-align:center;
}
.gwrs-process .step.selected {
	background:#0e4a74;
}
.gwrs-process h2 {
	color:#000;
	font-size:16px;
	line-height:24px;
	text-decoration:underline;
}
.gwrs-process a {
	color:#000;
	text-decoration:none;
}
.gwrs-footer {
	margin-top:130px;
	margin-bottom:25px;
	color:#696969;
	text-align:center;
}
.gwrs-footer .logos img {
	width:40px;
	margin:0 15px;
}

@media only screen and (min-width: 400px) {
	.gwrs-banner .gallon-counter {
		font-size:20px;
	}
	.gwrs-banner .gallons span {
		width:22px;
		height:32px;
		margin-right:2px;
		font-size:20px;
		line-height:32px;
	}
	.gwrs-banner .label {
		font-size:18px;
		line-height:32px;
	}
}

@media only screen and (max-width: 767px) {
	.gwrs-process img {
		width:auto;
	}
}

@media only screen and (min-width: 768px) {
	.gwrs-banner .gallons {
		margin-right:30px;
	}
	.gwrs-banner .label {
		display:inline-block;
	}
	.article .gwrs-process {
		margin-right:-3px;
		margin-bottom:40px;
		margin-left:-3px;
	}
	.gwrs-process li {
		position:relative;
		float:left;
		width:20%;
		padding:0 3px;
	}
	.gwrs-process .step {
		margin-bottom:30px;
	}
	.gwrs-process .step:after {
		display:block;
		position:absolute;
		top:17px;
		right:-25%;
		content:"";
	}
	.gwrs-process a:after {
		display:block;
		position:absolute;
		top:28px;
		left:-25%;
		width:50%;
		width:calc(50% - 1px);
		height:1px;
		background:#000;
		content:"";
	}
	.gwrs-process li:first-child a:after {
		content:none;
	}
	.gwrs-footer {
		position:relative;
		padding-right:265px;
		text-align:right;
	}
	.gwrs-footer .logos {
		position:absolute;
		right:0;
		bottom:-15px;
	}
	.gwrs-footer .logos img {
		width:auto;
		margin:0;
	}
	.gwrs-footer .logos img:first-child {
		margin-right:35px;
	}
}

@media only screen and (min-width: 1100px) {
	.logo-gwrs-banner {
		margin-top:25px;
	}
	.gwrs-banner .gallons {
		font-size:34px;
		line-height:24px;
	}
	.gwrs-banner .gallon-counter {
		font-size:24px;
	}
	.gwrs-banner .gallons span {
		width:32px;
		height:50px;
		margin-right:4px;
		font-size:34px;
		line-height:50px;
	}
	.gwrs-banner .label {
		font-size:20px;
		line-height:50px;
	}
}

/* Add This Event
----------------------------------------------------------------------------- */
/* AddThisEvent (add to your existing CSS) */
.addthisevent-drop {
	display:inline-block;
	position:relative;
	z-index:1998;
}
.addthisevent_dropdown {
	display:none;
	position:absolute;
	z-index:1999;
	width:200px;
	margin-top:4px;
	margin-left:-1px;
	padding:6px 0;
	border:1px solid #c9c9c9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:1px 3px 6px rgba(0,0,0,0.15);
	background:#fff;
	text-align:left;
}
.addthisevent_dropdown span {
	display:block;
	width:100%;
	padding:8px 10px 9px 15px;
	background:#fff;
	color:#09f;
	font-size:12px;
	line-height:110%;
	text-decoration:none;
	text-transform:uppercase;
}
.addthisevent_dropdown span:hover {
	background:#f4f4f4;
	color:#000;
}
.addthisevent span {
	display:none!important;
}
.addthisevent-drop ._url,
.addthisevent-drop ._start,
.addthisevent-drop ._end,
.addthisevent-drop ._summary,
.addthisevent-drop ._description,
.addthisevent-drop ._location,
.addthisevent-drop ._organizer,
.addthisevent-drop ._organizer_email,
.addthisevent-drop ._facebook_event,
.addthisevent-drop ._all_day_event {
	display:none!important;
}
.addthisevent_dropdown .copyx {
	display:block;
	position:relative;
	width:200px;
	height:21px;
	cursor:default;
}
.addthisevent_dropdown .brx {
	position:absolute;
	top:9px;
	left:10px;
	z-index:100;
	width:180px;
	height:1px;
	overflow:hidden;
	background:#e0e0e0;
}
.addthisevent_dropdown .frs {
	position:absolute;
	top:5px;
	right:10px;
	z-index:101;
	padding-left:10px;
	background:#fff;
	color:#cacaca;
	font-weight:normal;
	font-style:normal;
	font-size:9px;
	line-height:110%;
	text-align:right;
	text-decoration:none;
	cursor:pointer;
}
.addthisevent_dropdown .frs:hover {
	color:#6d84b4;
}

/* Slider
============================================================================= */
.slider-wrapper {
	overflow:auto;
	padding-bottom:10px;
}
.csstransforms .slider-wrapper {
	position:relative;
	overflow:hidden;
	padding-bottom:6px;
}
.csstransforms .slider {
	-moz-transition:transform 1s ease;
	-webkit-transition:transform 1s ease;
	transition:transform 1s ease;
}
.csstransforms .slider-wrapper:hover .slider {
	will-change:transform;
}
.slider-wrapper + .controls button {
	margin-bottom:15px;
	padding:0;
	border:0;
}
.slider-wrapper + .controls button:focus {
	outline:0;
	color:#0093d5;
}
.slider-wrapper + .controls .next {
	float:right;
}



/* =============================================================================
 * Skip link
 *
 * Make the skip link visible when it receives focus.
============================================================================= */
.skip {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:400;
	width:100%;
	margin:0;
}
.skip a:focus,
.skip a:active {
	display:block;
	position:absolute;
	top:0;
	left:9999px;
	width:100%;
	padding:5px 0;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	background:#fff;
	text-align:center;
}



/* =============================================================================
 * Logo
============================================================================= */
.logo {
	margin-top:10px;
	margin-bottom:2px;
}
.logo a {
	display:block;
	width:222px;
	height:64px;
	overflow:hidden;
	background:url(/gui/i/png/logo.png) no-repeat;
	text-indent:120%;
	white-space:nowrap;
}
.svg .logo a {
	background-image:url(/gui/i/logo.svg);
}
.sticky .logo {
	display:none;
}

@-webkit-keyframes slide-down {
	0% {
		-webkit-transform:translateY(-50px);
		transform:translateY(-50px);
	}
	50% {
		-webkit-transform:translateY(-50px);
		transform:translateY(-50px);
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes slide-down {
	0% {
		transform:translateY(-50px);
	}
	50% {
		transform:translateY(-50px);
	}
	100% {
		transform:translateY(0);
	}
}

@media only screen and (min-width: 992px) {
	.logo {
		display:table-cell;
		width:508px;
		padding-top:7px;
	}
	.logo a {
		width:474px;
		height:92px;
		background-image:url(/gui/i/png/logo-large.png);
	}
	.svg .logo a {
		background-image:url(/gui/i/logo-large.svg);
	}
	.sticky .logo {
		display:block;
		position:absolute;
		top:0;
		left:15px;
		z-index:300;
		width:266px;
		height:9px;
		margin:0;
		padding-top:0;
		-webkit-animation:slide-down 0.33s forwards;
		animation:slide-down 0.33s forwards;
	}
	.lt-ie8.sticky .logo {
		display:none;
	}
	.sticky .logo a {
		width:100%;
		height:44px;
	}
	.sticky .logo a,
	.svg .sticky .logo a {
		background-image:url(/gui/i/logo-sticky.png);
		background-position:center;
	}
}



/* =============================================================================
 * Main navigation
============================================================================= */
.nav-main {
	position:absolute;
	top:115px;
	left:0;
	z-index:100000;
	width:100%;
	background:#005426;
}
.no-js .nav-main {
	position:relative;
	top:0;
}
.nav-main:before {
	position:absolute;
	top:0;
	left:50%;
	z-index:0;
	width:50%;
	height:100%;
	background:#d0be56;
	content:"";
	-moz-transition:background-color 0.2s ease;
	-webkit-transition:background-color 0.2s ease;
	transition:background-color 0.2s ease;
}
.nav-main .container-fluid {
	padding:0;
}
.nav-main ul {
	position:relative;
	margin:0;
	padding:0;
	-moz-transition:padding 0.2s ease;
	-webkit-transition:padding 0.2s ease;
	transition:padding 0.2s ease;
}
.nav-main li {
	padding:0;
	border-bottom:1px solid #000;
	text-align:center;
}
.nav-main a {
	display:block;
	position:relative;
	overflow:hidden;
	padding:10px 0;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	white-space:nowrap;
}
.nav-main .nav-icon {
	display:none;
	-moz-transition:transform 0.162s ease;
	-webkit-transition:transform 0.162s ease;
	transition:transform 0.162s ease;
}
.nav-main .item-5 .nav-icon {
	display:inline-block;
}
.nav-main .item-1 {
	background:#005426;
}
.nav-main .item-2 {
	background:#0d847c;
}
.nav-main .item-3 {
	background:#36843a;
}
.nav-main .item-4 {
	background:#3578aa;
}
.nav-main .item-5 {
	background:#164b73;
}
.nav-main .item-6 {
	background:#d0be56;
}
.nav-main .item-6 a {
	color:#000;
}

/* GWRS logo */
.nav-main .item-5 span:first-child {
	display:inline-block;
	text-indent:-99999px;
}
.lt-ie8 .nav-main .item-5 span:first-child {
	text-indent:0;
}
.nav-main .item-5 .nav-icon {
	margin-bottom:-2px;
}

@-webkit-keyframes slide-up {
	0% {
		opacity:0;
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
	}
	50% {
		opacity:0;
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes slide-up {
	0% {
		opacity:0;
		transform:translateY(50px);
	}
	50% {
		opacity:0;
		transform:translateY(50px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

@media only screen and (max-width: 991px) {
	.js .nav-main {
		height:0;
		overflow:hidden;
	}
	.js .nav-main.show {
		height:auto;
		-webkit-animation:slide-up 0.33s forwards;
		animation:slide-up 0.33s forwards;
	}
	.sticky .nav-main {
		position:absolute;
		top:0;
	}
}

@media only screen and (min-width: 992px) {
	.nav-main {
		position:relative;
		top:0;
		border-bottom:1px solid #000;
		-moz-transition:background-color 0.2s ease;
		-webkit-transition:background-color 0.2s ease;
		transition:background-color 0.2s ease;
	}
	.nav-main li {
		float:left;
		width:16.66666667%;
		border-right:1px solid #000;
		border-bottom:0;
	}
	.nav-main a {
		padding:56px 5px 10px;
		font-size:18px;
		-moz-transition:padding 0.2s ease, font-size 0.2s ease;
		-webkit-transition:padding 0.2s ease, font-size 0.2s ease;
		transition:padding 0.2s ease, font-size 0.2s ease;
	}
	.nav-main .container-fluid > ul > li > a:before {
		position:absolute;
		top:-5px;
		right:0;
		left:0;
		width:80px;
		height:80px;
		margin:auto;
		border-radius:50%;
		background:#000;
		content:"";
		opacity:0;
		-moz-transition:opacity 0.8s ease, transform 0.2s ease;
		-webkit-transition:opacity 0.8s ease, transform 0.2s ease;
		transition:opacity 0.8s ease, transform 0.2s ease;
		-moz-transform:scale(0, 0);
		-webkit-transform:scale(0, 0);
		transform:scale(0, 0);
	}
	.ie-8 .nav-main .container-fluid > ul > li > a:before {
		content:none;
	}
	.nav-main .container-fluid > ul > li > a:hover:before {
		opacity:0.2;
		-moz-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		transform:scale(1, 1);
	}
	.nav-main a span:first-child {
		position:relative;
	}
	.nav-main .nav-icon {
		display:inline-block;
		position:absolute;
		right:0;
		bottom:35px;
		left:0;
		width:40px;
		height:40px;
		margin:auto;
	}
	.nav-main .nav-icon:before {
		display:inline-block;
		content:"";
	}
	.nav-main .item-1 {
		border-left:1px solid #000;
	}
	.sticky .header {
		position:fixed;
		top:0;
		left:0;
		z-index:500000;
		width:100%;
	}
	.sticky .header-inner {
		position:relative;
		z-index:1;
		width:100%;
		height:0;
	}
	.sticky .nav-main {
		z-index:0;
	}
	.sticky .nav-main,
	.sticky .nav-main:before {
		background-color:#041235;
	}
	.ie-8.sticky .nav-main:before {
		content:" ";
	}
	.sticky .nav-main ul {
		padding:0 103px 0 311px;
	}
	.lt-ie8.sticky .nav-main ul {
		padding:0;
	}
	.sticky .nav-main ul {
		display:table;
		width:100%;
		height:44px;
	}
	.sticky .nav-main li {
		display:table-cell;
		float:none;
		vertical-align:middle;
	}
	.lt-ie8.sticky .nav-main li {
		float:left;
	}
	.sticky .nav-main a {
		padding-top:10px;
		font-size:12px;
		line-height:1;
		white-space:normal;
	}
	.sticky .nav-main .container-fluid > ul > li > a:before {
		content:none;
	}
	.sticky .nav-main .nav-icon {
		-moz-transform:scale(0, 0);
		-webkit-transform:scale(0, 0);
		transform:scale(0, 0);
	}

	/* GWRS logo */
	.nav-main .item-5 .nav-icon {
		bottom:14px;
		width:96px;
		height:58px;
		margin-bottom:0;
		background-image:none;
		-moz-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		transform:scale(1, 1);
	}
	.sticky .nav-main .item-5 .nav-icon {
		bottom:10px;
		width:76px;
		height:13px;
		background-image:url(/gui/i/sprites/sprite.png);
	}
	.svg .sticky .nav-main .item-5 .nav-icon {
		bottom:10px;
		width:76px;
		height:13px;
		background-image:url(/gui/i/sprites/sprite.svg);
	}
	.sticky .item-5-icon:before {
		opacity:0;
	}
	.ie-8.sticky .item-5-icon:before {
		visibility:hidden;
		content:" ";
	}
}

@media only screen and (min-width: 1170px) {
	.sticky .nav-main a {
		font-size:14px;
	}
}


/* More links
----------------------------------------------------------------------------- */
.js .more-wrapper {
	position:absolute;
	left:0;
	z-index:20000;
	width:100%;
}
.no-js .more-wrapper {
	padding:0;
}
#more {
	margin-bottom:18px;
	padding:20px 0;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	background:#fff;
	font-size:14px;
	text-align:left;
}
.lt-ie9 #more {
	border:solid #c9c9c9;
	border-width:0 1px 1px;
}
.js #more {
	display:none;
	position:absolute;
	top:-18px;
	left:0;
	width:100%;
}
.csstransforms #more {
	display:block;
	height:0;
	overflow:hidden;
	opacity:0;
	-moz-transition:opacity 0.162s ease, transform 0.162s ease;
	-webkit-transition:opacity 0.162s ease, transform 0.162s ease;
	transition:opacity 0.162s ease, transform 0.162s ease;
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	transform:scale(0,0);
	transform-origin:top;
}
#more.show {
	display:block;
}
.csstransforms #more.show {
	height:auto;
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
#more ul {
	margin-left:0;
}
#more ul li {
	margin-bottom:10px;
	line-height:15px;
}
#more h3 {
	font-weight:400;
	font-size:14px;
	line-height:24px;
	text-transform:uppercase;
}
#more h3 a {
	text-decoration:none;
}
#more ul a {
	color:#000;
}
#more p {
	margin:0;
}
#more .tel {
	margin-top:25px;
	font-size:18px;
}

@media only screen and (max-width: 991px) {
	#more .row {
		margin:0;
	}
}

@media only screen and (min-width: 992px) {
	.js .more-wrapper {
		position:relative;
		top:0 !important;
	}
	.js .ie-8 .more-wrapper {
		max-width:1140px;
	}
	.csstransforms #more {
		transform-origin:top right;
	}
	.more > div {
		padding:20px 20px 0;
		border-left:1px solid #ebebeb;
	}
	#more > h2 + div .more > div {
		padding-top:0;
	}
	.more > div:first-child {
		border-left:0;
	}
	#more ul {
		margin-bottom:0;
	}
	.more-wrapper .row {
		margin:0;
	}
	.js .more-wrapper .row {
		padding:0 15px;
	}
	.js #more.show .more {
		display:table;
		width:100%;
	}
	.more > div {
		display:table-cell;
		float:none;
	}
	.lt-ie8 .more > div {
		float:left;
	}
}



/* =============================================================================
 * Sub navigation
============================================================================= */
.nav-sub {
	background:#fff;
}
.no-js .nav-sub {
	margin-bottom:40px;
}
.nav-sub ul {
	margin:0;
}
.nav-sub li li a {
	padding-left:40px;
}
.nav-sub li li .icon:before {
	left:25px;
}
.nav-sub li li li a {
	padding-left:60px;
}
.nav-sub li li li .icon:before {
	left:45px;
}
.nav-sub li li li li a {
	padding-left:80px;
}
.nav-sub li li li li .icon:before {
	left:65px;
}
.nav-sub ul ul li:before {
	content:none;
}
.nav-sub h2 {
	margin-bottom:15px;
	font-weight:400;
	font-size:16px;
	line-height:24px;
	text-transform:uppercase;
}
.nav-sub h2 a {
	color:#000;
	font-weight:300;
	text-decoration:none;
}
.nav-sub h2 a:hover {
	text-decoration:underline;
}
.nav-sub .icon {
	position:relative;
}
.nav-sub .icon:before {
	position:absolute;
	top:15px;
	left:5px;
}
.nav-sub .nav-arrow-down:before {
	top:17px;
	margin-left:-2px;
}


/* Level one / all nav-sub links
----------------------------------------------------------------------------- */
.nav-sub li {
	padding-left:10px;
	border-bottom:0;
	text-align:left;
}
.nav-sub li a {
	display:block;
	padding:7px 20px;
	color:#000;
	font-weight:300;
	text-decoration:none;
}

.nav-sub li a:hover {
	text-decoration:underline;
}
.nav-sub > ul > li {
	border-bottom:1px solid #afafaf;
}
.lt-ie8 .nav-sub {
	margin-top:100px;
}
.lt-ie8 .nav-sub li a {
	zoom:1;
}


/* Page with expanded subpages
----------------------------------------------------------------------------- */
.nav-sub li[data-expanded] > a {
	font-weight:600;
}


/* Selected page link
----------------------------------------------------------------------------- */
.nav-sub li[data-selected] > a {
	font-weight:600;
}

@media only screen and (max-width: 991px) {
	.nav-sub-button {
		width:100%;
		margin-bottom:20px;
	}
	.nav-sub-button:before {
		margin-right:10px;
		-moz-transition:transform 0.162s ease;
		-webkit-transition:transform 0.162s ease;
		transition:transform 0.162s ease;
	}
	.nav-sub-button.active:before {
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.js #main .nav-sub {
		height:0;
		overflow:hidden;
		opacity:0;
	}
	.js #main .nav-sub.expanded {
		height:auto;
		margin-bottom:40px;
		-webkit-animation:fade-in 0.75s forwards;
		animation:fade-in 0.75s forwards;
	}
	.js .ie-9 #main .nav-sub.expanded {
		opacity:1;
	}
	.js .lt-ie9 #main .nav-sub {
		display:none;
	}
	.js .lt-ie9 #main .nav-sub.expanded {
		display:block;
	}
}

@media only screen and (min-width: 992px) {
	.nav-sub {
		margin-bottom:40px;
	}
	.nav-sub li {
		padding-left:0;
	}
	.nav-sub li a {
		padding-top:9px;
		padding-bottom:9px;
	}
}



/* =============================================================================
 * Search
 *
 * Search forms and search results.
============================================================================= */


/* Main search form
----------------------------------------------------------------------------- */
.search {
	margin-bottom:30px;
}
.search .input-wrapper {
	background:#fff;
}
.search input[type="search"],
.search input[type="text"] {
	width:100%;
	padding-right:37px;
	border:1px solid #000;
	background:transparent;
}
.search input[type="search"]:focus,
.search input[type="text"]:focus {
	background:#e2e2e2;
}
.search .search-icon {
	display:inline-block;
	text-indent:-9999px;
}
.sticky .header .search {
	display:none;
}
.search button[type="submit"] {
	position:absolute;
	right:0;
	bottom:0;
	width:40px;
	height:40px;
	border:0;
	text-align:center;
}
.header .search button[type="submit"] {
	width:32px;
	height:32px;
}
.search .search-icon:before {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-9px;
	margin-right:0;
	content:"";
}
.search-button {
	position:absolute;
	top:0;
	right:45px;
	z-index:300;
	width:38px;
	height:44px;
	overflow:hidden;
	padding:0;
	border:0;
	text-indent:120%;
	white-space:nowrap;
	-moz-transition:background-color 0.162s ease;
	-webkit-transition:background-color 0.162s ease;
	transition:background-color 0.162s ease;
}
.search-button:before {
	position:absolute;
	top:10px;
	left:7px;
}
.ie-8 .search-button:before {
	top:0;
}
.search-button.active {
	background:#36425d;
}
.sticky .header .search {
	display:block;
	position:absolute;
	top:44px;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	opacity:0;
	-moz-transition:opacity 0.162s ease;
	-webkit-transition:opacity 0.162s ease;
	transition:opacity 0.162s ease;
}
.sticky .header .search.show {
	height:auto;
	opacity:1;
}
.sticky .header .search .search-icon:before,
.sticky .header .search .search-icon:after {
	content:none;
}

@media only screen and (max-width: 991px) {
	.header .search input[type="search"],
	.header .search input[type="text"] {
		height:32px;
		padding-top:6px;
		padding-bottom:6px;
	}
}

@media only screen and (min-width: 992px) {
	.header .search {
		display:table-cell;
		vertical-align:middle;
	}
	.header .search input[type="search"],
	.header .search input[type="text"] {
		height:40px;
	}
	.header .search button[type="submit"] {
		width:40px;
		height:40px;
	}
	.search input[type="search"],
	.search input[type="text"] {
		background:#fff;
	}
	.inverted.search input[type="search"],
	.inverted.search input[type="text"] {
		border:0;
	}
	.search .search-icon:before {
		display:none;
	}
	.search .search-icon:after {
		position:absolute;
		top:50%;
		right:10px;
		margin-top:-12px;
		content:"";
	}
	.search-button {
		right:16px;
		-webkit-animation:slide-down 0.33s forwards;
		animation:slide-down 0.33s forwards;
	}
	.sticky .search.show {
		padding:0 15px;
	}
}

/* Search results
----------------------------------------------------------------------------- */
.search-results {
	margin-top:30px;
	margin-left:0;
}
.search-results li {
	margin-bottom:30px;
}
.search-results h2 {
	text-transform:none;
}
.search-results h2 a {
	text-decoration:none;
}
.search-results p {
	margin:0;
}
.search-results strong {
	background:#ff9;
	color:#000;
}

/* Search filter
----------------------------------------------------------------------------- */
.m-search-filter h2,
.m-search-filter h3 {
	margin-bottom:15px;
	font-weight:400;
	font-size:16px;
	line-height:24px;
	text-transform:uppercase;
}
.m-search-filter h3 {
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
.m-search-filter ul {
	margin-bottom:50px;
}
.m-search-filter a {
	color:#000;
	font-weight:300;
	text-decoration:none;
}
.m-search-filter strong {
	display:block;
	font-weight:400;
	text-decoration:underline;
}



/* =============================================================================
 * Breadcrumbs
============================================================================= */
.breadcrumbs {
	margin-bottom:25px;
	font-size:12px;
}



/* =============================================================================
 * Intro
============================================================================= */
.intro {
	font-weight:300;
	font-size:18px;
	line-height:24px;
}



/* =============================================================================
 * Files
============================================================================= */

/* File list
----------------------------------------------------------------------------- */
.file-list,
.article .file-list {
	margin:0;
}
.file-list li {
	position:relative;
	padding:12px 60px 12px 0;
	border-top:1px solid #c6c6c6;
}
.article .file-list li:before {
	content:none;
}
.file-list li:first-child {
	border-top:0;
}
.file-list .file {
	position:absolute;
	top:17px;
	right:30px;
}
.file-list a {
	color:#000;
	text-decoration:none;
}
.file-list a:hover {
	text-decoration:underline;
}
.file-list a:after {
	position:absolute;
	left:-99999px;
}
.file-list .file.press-release {
	top:inherit;
	right:10px;
}

/* File icons
----------------------------------------------------------------------------- */
.file.icon {
	display:block;
	display:inline-block;
	overflow:hidden;
	color:transparent;
	font-size:0;
	-moz-transition:transform 0.162s ease;
	-webkit-transition:transform 0.162s ease;
	transition:transform 0.162s ease;
}
.file.icon:hover {
	-moz-transform:scale(1.25, 1.25);
	-webkit-transform:scale(1.25, 1.25);
	transform:scale(1.25, 1.25);
}



/* =============================================================================
 * 404
============================================================================= */
.four-oh-four {
	max-width:580px;
	margin:0 auto;
	padding:12px 0 50px;
	text-align:center;
}
.four-oh-four h1 {
	position:relative;
	margin-bottom:-30px;
	color:#e6e6e6;
	font-size:120px;
	line-height:120px;
}
.four-oh-four h1:before {
	position:absolute;
	top:15px;
	right:0;
	left:0;
	margin:auto;
}
.four-oh-four .content {
	position:relative;
}
.four-oh-four p {
	font-weight:300;
	font-size:24px;
	line-height:30px;
}
.four-oh-four form {
	margin-top:50px;
}

@media only screen and (min-width: 992px) {
	.four-oh-four {
		padding-bottom:150px;
	}
	.four-oh-four h1 {
		margin-bottom:-50px;
		font-size:165px;
		line-height:165px;
	}
	.four-oh-four h1:before {
		top:35px;
	}
	.four-oh-four p {
		font-size:36px;
		line-height:48px;
	}
}

.hydrospective-page h2 {
	font-weight: bold;
}

.center {
	text-align:center;
}

/* =============================================================================
 * Hydrospective Special Left Column
============================================================================= */
.hydro-left-col {
	padding: 20px;
	background-color: rgba(68, 142, 204, 0.15);
}

	.hydro-left-col h2 {
		font-weight: normal;
	}

	.hydro-left-col h3 {
		font-weight: bold;
		margin-top: 10px;
	}

	.hydro-left-col ul li {
		display:inline;
	}

	.hydro-left-col .hydro-icon {
		overflow:hidden;
		display:inline-block;
		height:24px;
		width:24px;
		text-indent:120%;
		white-space: nowrap;
		background-repeat:no-repeat;
		margin-right:20px;
	}

	.hydro-left-col .hydro-social-twitter {
		background-image:url('/gui/i/social_twitter_NEW.svg');
		height:26px;
		width:32px;
	}

	.hydro-left-col .hydro-social-facebook {
		background-image:url('/gui/i/social_facebook_NEW.svg');
		width:16px;
		height:32px;
	}

	.hydro-left-col .hydro-social-instagram {
		background-image:url('/gui/i/social_instagram_NEW.svg');
		height:30px;
		width:30px;
	}

	.hydro-left-col .hydro-social-youtube {
		height:25px;
		width:32px;
		background-image:url('/gui/i/social_youtube_NEW.svg');

	}