@import url("https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200");

/*
	Halcyonic by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
hr {
        color:#DDEEDD;
        background-color:#DDEEDD;
        height:2px;
        border-width:0;
}

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

strong {
    font-weight: bold;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: inside;
}

blockquote, q {
	quotes: none;
}

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

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

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, textarea, select {
	-moz-appearance: auto;
	-webkit-appearance: auto;
	-ms-appearance: auto;
	appearance: auto;
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
	select{
		height: 60px;
	}
}

/* Basic */

	html {
		box-sizing: border-box;
	}

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

	body {
		background: url("images/green-tech-background2.jpg");
    //background-color: #134f39;
		color: #474f51;
		font-size: 10.5pt;
		font-family: /*'Yanone Kaffeesatz'*/Arial;
		line-height: 1.85em;
		font-weight: 300;
	}

	input, textarea, select {
		color: #474f51;
		font-size: 11.5pt;
		font-family: /*'Yanone Kaffeesatz'*/Arial;
		line-height: 1.85em;
		font-weight: 300;
	}
	textarea{
		resize: none;
	}

	ul, ol, p, dl {
		margin: 0 0 2em 0;
	}

	a {
		text-decoration: none;
	}

	/* a:hover {
		text-decoration: underline;
		color: #057a78;
		color: red;
	} */

    /*Attempting to prevent anchor links from being hidden by sticky objects*/
    /*apply class="shortcut" to all anchors*/
    .shortcut {
        scroll-margin-top: 10em;
        overflow: initial !important;
        /**/
    }

	section > :last-child,
	section:last-child,
	.last-child {
		margin-bottom: 0 !important;
	}

/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 1200px;
	}

		@media screen and (max-width: 1680px) {

			.container {
				width: 1200px;
			}

		}

		@media screen and (max-width: 1280px) {

			.container {
				width: calc(100% - 40px);
			}

		}

		@media screen and (max-width: 980px) {

			.container {
				width: calc(100% - 50px);
			}

		}

		@media screen and (max-width: 736px) {

			.container {
				width: calc(100% - 40px);
			}

		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -6.25px;
			margin-left: -6.25px;
		}

			.row.gtr-25 > * {
				padding: 6.25px 0 0 6.25px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -6.25px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 6.25px;
				}

		.row.gtr-50 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-50 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-uniform > * {
					padding-top: 25px;
				}

		.row.gtr-150 {
			margin-top: -37.5px;
			margin-left: -37.5px;
		}

			.row.gtr-150 > * {
				padding: 37.5px 0 0 37.5px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -37.5px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 37.5px;
				}

		.row.gtr-200 {
			margin-top: -50px;
			margin-left: -50px;
		}

			.row.gtr-200 > * {
				padding: 50px 0 0 50px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -50px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 50px;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -6.25px;
					margin-left: -6.25px;
				}

					.row.gtr-25 > * {
						padding: 6.25px 0 0 6.25px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -6.25px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 6.25px;
						}

				.row.gtr-50 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-50 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-uniform > * {
							padding-top: 25px;
						}

				.row.gtr-150 {
					margin-top: -37.5px;
					margin-left: -37.5px;
				}

					.row.gtr-150 > * {
						padding: 37.5px 0 0 37.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -37.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 37.5px;
						}

				.row.gtr-200 {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row.gtr-200 > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 50px;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-25 > * {
						padding: 5px 0 0 5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 5px;
						}

				.row.gtr-50 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-50 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 10px;
						}

				.row {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-uniform > * {
							padding-top: 20px;
						}

				.row.gtr-150 {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row.gtr-150 > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-200 {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row.gtr-200 > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 40px;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -6.25px;
					margin-left: -6.25px;
				}

					.row.gtr-25 > * {
						padding: 6.25px 0 0 6.25px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -6.25px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 6.25px;
						}

				.row.gtr-50 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-50 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-uniform > * {
							padding-top: 25px;
						}

				.row.gtr-150 {
					margin-top: -37.5px;
					margin-left: -37.5px;
				}

					.row.gtr-150 > * {
						padding: 37.5px 0 0 37.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -37.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 37.5px;
						}

				.row.gtr-200 {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row.gtr-200 > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 50px;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-25 > * {
						padding: 5px 0 0 5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 5px;
						}

				.row.gtr-50 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-50 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 10px;
						}

				.row {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-uniform > * {
							padding-top: 20px;
						}

				.row.gtr-150 {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row.gtr-150 > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-200 {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row.gtr-200 > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 40px;
						}

		}

/* Multi-use */


	.link-list li {
		padding: 0.2em 0 0.2em 0;
	}

		.link-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.link-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

	.quote-list li {
		padding: 1em 0 1em 0;
		overflow: hidden;
	}

		.quote-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		.quote-list li img {
			float: left;
		}

		.quote-list li p {
			margin: 0 0 0 90px;
			font-size: 1.2em;
			font-style: italic;
		}

		.quote-list li span {
			display: block;
			margin-left: 90px;
			font-size: 0.9em;
			font-weight: 400;
		}

	.check-list li {
		padding: 0.7em 0 0.7em 45px;
		font-size: 1.2em;
		/*background: url("images/icon-checkmark.png") 0px 1.05em no-repeat;*/
	}

		.check-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

	.feature-image {
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
		border-radius: 10px;
	}

		.feature-image img {
			display: block;
			width: 100%;
			border-radius: 10px;
		}

	.bordered-feature-image {
		display: block;
		background: #fff url("images/bg04.png");
		padding: 1px;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
		border-radius: 10px;
	}

		.bordered-feature-image img {
			display: block;
			width: 100%;
			border-radius: 10px;
		}
	.bordered-feature-image-50 {
		display: flex;
		justify-content: center;
		/*background: #fff url("images/bg04.png");*/
		padding: 1px;
		margin: 0 0 1.5em 0;
		/*box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		border-radius: 10px;
		outline: 0;
	}
	.bordered-feature-image-30 {
		display: flex;
		justify-content: center;
		/*background: #fff url("images/bg04.png");*/
		padding: 1px;
		margin: 0 0 1.5em 0;
		/*box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		border-radius: 10px;
		outline: 0;
	}

    .bordered-feature-image-50 img {
			display: block;
			width: 60%;
			border-radius: 10px;
			box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    }
    .bordered-feature-image-30 img {
			display: block;
			width: 30%;
			border-radius: 10px;
			box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    }
    .button-small {
		background-image: -moz-linear-gradient(top, #568d56, #1c5144);
		background-image: -webkit-linear-gradient(top, #568d56, #1c5144);
		background-image: -ms-linear-gradient(top, #568d56, #1c5144);
		background-image: linear-gradient(top, #568d56, #1c5144);
		display: inline-block;
		background-color: #1c5144;
		color: #fff;
		text-decoration: none;
		font-size: 1.2em;
		height: 1.5em;
		line-height: 1.525em;
		font-weight: 300;
		padding: 0 25px;
		outline: 0;
		border-radius: 5px;
		/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
    }
		.button-small:hover {
			background-image: -moz-linear-gradient(top, #2ec27e, #26a269);
			background-image: -webkit-linear-gradient(top, #2ec27e, #26a269);
			background-image: -ms-linear-gradient(top, #2ec27e, #26a269);
			background-image: linear-gradient(top, #fd492b, #26a269);
			background-color: #2ec27e;
			/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		}
		.button-small:active {
			background-image: -moz-linear-gradient(top, #26a269, #2ec27e);
			background-image: -webkit-linear-gradient(top, #26a269, #2ec27e);
			background-image: -ms-linear-gradient(top, #26a269, #2ec27e);
			background-image: linear-gradient(top, #26a269, #2ec27e);
			background-color: #2ec27e;
			/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		}
	.button-large {
		background-image: -moz-linear-gradient(top, #568d56, #1c5144);
		background-image: -webkit-linear-gradient(top, #568d56, #1c5144);
		background-image: -ms-linear-gradient(top, #568d56, #1c5144);
		background-image: linear-gradient(top, #568d56, #1c5144);
		display: inline-block;
		background-color: #1c5144;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		height: 2em;
		line-height: 2.125em;
		font-weight: 300;
		padding: 0 45px;
		outline: 0;
		border-radius: 10px;
		border: none;
		/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
	}

		.button-large:hover {
			background-image: -moz-linear-gradient(top, #2ec27e, #26a269);
			background-image: -webkit-linear-gradient(top, #2ec27e, #26a269);
			background-image: -ms-linear-gradient(top, #2ec27e, #26a269);
			background-image: linear-gradient(top, #fd492b, #26a269);
			background-color: #2ec27e;
			/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		}

		.button-large:active {
			background-image: -moz-linear-gradient(top, #26a269, #2ec27e);
			background-image: -webkit-linear-gradient(top, #26a269, #2ec27e);
			background-image: -ms-linear-gradient(top, #26a269, #2ec27e);
			background-image: linear-gradient(top, #26a269, #2ec27e);
			background-color: #2ec27e;
			/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		}

		.formfield{
			display: flex;
			flex-direction: row;
		}
/* Header */

	#header {
		position: relative;
		/*background: #3B8065 url("images/bg01.jpg")*/;
		border-bottom: solid 1px #ccc;
		/*box-shadow: inset 0px -1px 0px 0px #51575a;*/
		/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
	}

		#header > .container {
			position: relative;
			min-height: 140px;
		}

        #header #logoContainer {
            /*background-color:yellow;*/
            width: 50%;
        }
        #logoContainer h1 a {
            text-decoration:none;
            color: #576455;
						/* text-shadow: -12px -12px 12px rgba(25, 216, 0, 0.75); */
        }

				@keyframes dropin {
					0% {top: -50px;}
					100% {top: 0px;}
				}
				@keyframes colorswish {
					0% {color: #576455;}
					50% {color: #26a269;}
					100% {color: #576455;}
				}


				#logoContainer h1 a span{
					position: relative;
					animation: colorswish .2s linear 0s 1 normal backwards;
				}
				#logoContainer h1 a span:nth-child(2){
					animation-delay: .05s;
				}
				#logoContainer h1 a span:nth-child(3){
					animation-delay: .1s;
				}
				#logoContainer h1 a span:nth-child(4){
					animation-delay: .15s;
				}
				#logoContainer h1 a span:nth-child(5){
					animation-delay: .2s;
				}
				#logoContainer h1 a span:nth-child(6){
					animation-delay: .25s;
				}
				#logoContainer h1 a span:nth-child(7){
					animation-delay: .3s;
				}
				#logoContainer h1 a span:nth-child(8){
					animation-delay: .35s;
				}

        #header #langMenu {
            width: 50%;
        }

		#header h1 {
			position: relative;
			font-size: 50px;/*2.75em;*/

		}
		#header h2 {
		    position: relative;
		    left: 90px;
		    top: -10px;
		    font-size: 19px;
		}

			#header h1 a {

				color: #576455;
				text-decoration: none;
			}
			/* logo */
            #logo {
                font-family: Arial;
                font-weight: bold;
                display: flex;
                margin-top: 15px;
            }
						div#languageTitle{
							pointer-events: none;
						}
            #logo #langMenu {
                float:right;
            }
						#logo #langMenu select{
							background-color: rgba(255, 255, 255, 0.80);
					}

		#header nav {
		  background-image: -moz-linear-gradient(top, #568d56, #1c5144);
			background-image: -webkit-linear-gradient(top, #568d56, #1c5144);
			background-image: -ms-linear-gradient(top, #568d56, #1c5144);
			background-image: linear-gradient(top, #568d56, #1c5144);
			/* background: #3F7055; */
			border-radius: 10px;
			position: absolute;
			right: 0;
			bottom: 0px;
			font-weight: bold;
			width: 100%;
		}

			#header nav a {
    			text-transform: uppercase;
				color: #ddd;/*#c6c8c8#d0d0d0;*/
				text-decoration: none;
				font-size: 1.2em;
				/*font-weight: semi-bold;*/
				/*margin-left: 9px;
				margin-right: 2px;*/
                padding-right: 18px;
                padding-left: 17px;
                vertical-align: bottom;
                padding-top: 8px;
                padding-bottom: 9px;
				/*padding-top: 7px;*/
				outline: 0;
			}

            #header #nav {
                padding:5px;
								padding-left: 8px;
            }

			#header nav a:hover {
			  background-image: -moz-linear-gradient(top, #26a269, #21825B);
				background-image: -webkit-linear-gradient(top, #26a269, #21825B);
				background-image: -ms-linear-gradient(top, #26a269, #21825B);
				background-image: linear-gradient(top, #26a269, #21825B);
				/* background-color:#21825B; */
				/*color: #f6f8f8 #00ffff;*/
				/*color:*/
			}
			#header nav a.current-menu {
			    color: #FFFFFF;
			    background-color: #26a269;
			}

		.subpage #header > .container {
			height: 155px;
		}

/* Banner */

	#banner-section{
		padding: 45px 30px 45px 30px;
		display: flex;
		justify-content: center;
	}
	#banner a{
		margin-left: 10px;
	}
	#banner {
		background: #ffffff91;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
			padding: 40px 30px 45px 30px;
			box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
			margin: 0 0 25px 0;
		border-radius: 10px;
		border-top: solid 1px #ccc;
		/*box-shadow: inset 0px 1px 0px 0px #3e484a;*/
		padding: 30px 0 30px 0;
		color: #555;

	}

		#banner .bordered-feature-image {
			margin-bottom: 0;
		}

		#banner p {
			font-size: 24.5px;
			font-weight: 200;
			/*line-height: 1em;*/
			padding-right: 1em;
			margin: 0 0 15px 0;
		}

/* Features */

	#features {
		max-width: 1200px;
		margin: 0px auto;
		background: #ffffff91;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		/*background: #353D40 /*url("images/bg02.jpg";*/
		border-bottom: solid 1px #ccc;
		padding: 45px 30px;
		/* padding: 45px 30px 45px 30px; */
		/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
		/*color: #a0a8ab;*/
		border-radius: 10px;
	}


	#features section {
		background: #ffffff91;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		padding: 45px 30px 45px 30px;
		box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
		margin: 0 0 25px 0;
		border-radius: 10px;
	}

	@keyframes fadein {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	section section:not(.nofade), #banner, #features{
		animation: fadein .5s ease-in 0s 1 normal backwards;
		position: relative;
	}

		#features h2 {
			font-size: 1.25em;
			color: #1c5144;
			margin: 0 0 0.25em 0;
			font-weight: bold;
		}
		#features h2.FrontLink:hover {
		    color:#0A4;
		}

		#features a {
			color: #e0e8eb;
		}

		#features strong {
			color: #fff;
		}



/* Content */

	#content {
		background: transparent;
		border-top: solid 1px #fff;
		padding: 45px 0 45px 0;
	}


		#content section {
			background: #ffffff91;
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			padding: 40px 30px 45px 30px;
			box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
			margin: 0 0 25px 0;
			border-radius: 10px;
		}

		#content h2 {
			font-size: 1.8em;
			font-weight: bold;
			color: #373f42;
			margin: 0 0 0.25em 0;
		}

		#content h3 {
			/*color: #96a9b5;*/
			color: #666;
			font-size: 1.25em;
			padding-bottom: 10px;
			/*padding-left: 10px*/
		}
		#content p {
		    padding-left: 10px;
		    font-size: 1.1em;
		}
		/*
		#content h3::before {
		    content: "∙";
		}
		*/

        #content a.bordered-feature-image-50:hover {
            border-bottom: 0px; /*avoid underlining pictures*/
        }
        #content a.bordered-feature-image-30:hover {
            border-bottom: 0px; /*avoid underlining pictures*/
        }

		#content a {

			color: #070;
			/*text-decoration: underline;*/
			/*font-style: italic;*/

			/*background: #ffc;*/
		}

		#content a:visited {
		    color: #090;
		}

		#content a:hover {
		    /*color: #518075; */
		    border-bottom: 1px solid #a6c7a6; /* fancy underline */
		    color: #040;
		    /*border-bottom: 2px solid #308030;*/
		}


		#content header {
			margin: 0 0 2em 0;
		}

		#content .quote-list li {
			border-bottom: solid 1px #e2e6e8;
		}

		#content .link-list li {
			border-bottom: solid 1px #e2e6e8;
		}

		#content .check-list li {
			border-bottom: solid 1px #e2e6e8;
		}

/* Footer */

	#footer {
		/*background-image: -moz-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
		background-image: -webkit-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
		background-image: -ms-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
		background-image: linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);*/
    background-image: -moz-linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);  
    background-image: -webkit-linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);
    background-image: -ms-linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);
    background-image: linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);
		background-color: #ddeedd;
		padding: 15px 0 15px 0;
		text-shadow: 1px 1px 1px white;
		color: #546b76;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
	}

		#footer h2 {
			font-size: 1.25rem;
			color: #212f35;
			margin: 0 0 1em 0;
		}

		#footer a {
			font-size: 1.25em;
			color: #546b76;
		}
		#footer a:hover{
		    color: #101510;
		}

		#footer .quote-list li {
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

		#footer .link-list li {
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

		#footer .check-list li {
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

/* Copyright */

	#copyright {
		border-top: solid 1px #b5bec3;
		box-shadow: inset 0px 1px 0px 0px #e0e4e7;
		text-align: center;
		/* padding: 15px 0 15px 0; */
		color: #8d9ca3;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
	}

		#copyright a {
			color: #8d9ca3;
		}


/* Extra-Large */
    @media screen and (max-width: 3000px) {
        div#languageTitle {
            top: inherit;
            z-index: 1;
        }
		/* Header Extra-Large */
        #header {
            position: sticky;
            position: -webkit-sticky;
            position: -moz-sticky;
            position: -ms-sticky;
            position: -o-sticky;
            top: -20px;
            /* background-image: url("images/green-tech-background.jpg"); */
						background-image: -moz-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
						background-image: -webkit-linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);
						background-image: -ms-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
						background-image: linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
						background-color: #ddeedd;
            z-index: 1;
        }
        /* Side Bar Extra-Large */
        .row > .col-3 {
            position: sticky;
            position: -webkit-sticky;
            position: -moz-sticky;
            position: -ms-sticky;
            position: -o-sticky;
            top: 100px;
            align-self: flex-start;
            z-index: 0;
        }

				#banner a{
					margin-left: 10px;
				}
    }

/* Large */

	@media screen and (max-width: 1280px) {

		/* Multi-use */
        div#languageTitle{
            top: inherit;
            z-index: 1;
        }
			.check-list li {
				font-size: 1em;
				line-height: 2em;
			}

			.quote-list li {
				padding: 1em 0 1em 0;
			}

				.quote-list li img {
					width: 60px;
				}

				.quote-list li p {
					margin: 0 0 0 80px;
					font-size: 1em;
					font-style: italic;
					line-height: 1.8em;
				}

				.quote-list li span {
					display: block;
					margin-left: 80px;
					font-size: 0.8em;
					font-weight: 400;
					line-height: 1.8em;
				}

			.feature-image {
				margin: 0 0 .5em 0;
			}
			#features{
				padding: 45px 0px;
			}
			.button-large {
				font-size: 1.5em;
			}
			.button-small {
				font-size: .8em;
			}

		/* Banner */

			#banner p {
				font-size: 24.5px;
			}
			#banner a {
				margin-left: 10px;
			}
		/* Header Large */
            #header {
                position: sticky;
                position: -webkit-sticky;
                position: -moz-sticky;
                position: -ms-sticky;
                position: -o-sticky;
                top: -20px;
								/* background-image: url("images/green-tech-background.jpg"); */
								background-image: -moz-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
								background-image: -webkit-linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);
								background-image: -ms-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
								background-image: linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
								background-color: #ddeedd;
                z-index: 1;
            }
			#header h1 {
				/*font-size: 3.25em;*/
				font-size: 45px;
			}
		    #header h2 {
		        position: relative;
		        left: 80px;
		        bottom: -10px;
		        font-size: 15px;
		    }
			#header nav a {
				font-size: 1.2em;
			}

        /* Side Bar Large */
    .row > .col-3 {
        position: sticky;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 100px;
        align-self: flex-start;
        z-index: 0;
    }


		/* Content */

		#content h1 {
			font-size: 1.8em;
		}

		#content h2 {
				font-size: 1.6em;
			}

			#content h3 {
				font-size: 1.3em;
			}

			#content header {
				margin: 0 0 1.25em 0;
			}

	}

/* Medium */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width: 980px) {
        div#languageTitle{
            top: -10px;
            z-index: 1;
        }
		/* Basic */

			html, body {
				overflow-x: hidden;
			}

		/* Header */

			#header {
				text-align: center;
			}

				#header > .container:first-child {
					display: none;
				}

		/* Content */

			#content {
				padding: 25px 0;
			}
        /* Multi-use */
            .bordered-feature-image-50 img {
			    width: 75%;
            }
		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				padding-top: 44px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				color: #fff;

				/*background: url("images/bg04.jpg");*/
				box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);
				/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
			}

				#titleBar .title {
					/* background-image: url(images/green-tech-background.jpg); */
					background-image: -moz-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
					background-image: -webkit-linear-gradient(left, #E6F4F1, #E6F4F1, #7DB5B4);
					background-image: -ms-linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
					background-image: linear-gradient(left, #ddeedd, #c8ffc8, #ddeedd);
					background-color: #ddeedd;
				  color: #576455;
					display: flex;
					text-align: center;
					font-size: 36px;/*2em;*/
					font-weight: bold;
					line-height: 48px;
				}

				#titleBar #leftEmpty {
				    width:15%;
				}
				#titleBar #logoContainer {
				    width:55%;
				}
				#titleBar #langMenu {
				    width: 30%;
				    /*background: yellow;*/
				    cursor:pointer;
				}
				#titleBar #langMenu select {
				    vertical-align:top;
			        /*padding:10px;*/
			        position:relative;

				}
				/*#titleBar #langMenu select:after {
				    content: '';
				    position: absolute;
                    top: -50%;
                    left: -50%;
                    width: 200%;
                    height: 200%;
				}*/

				#titleBar .toggle {
					position: absolute;
					left: 0;
					top: 0;
					width: 80px;
					height: 60px;

				}

					#titleBar .toggle:after {
						content: '';
						display: block;
						position: absolute;
						top: 6px;
						left: 6px;
						color: #fff;
						background: rgba(255, 255, 255, 0.025);
						box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
						/*text-shadow: -1px -1px 1px black;*/
						width: 49px;
						height: 31px;
						border-radius: 8px;
					}

					#titleBar .toggle:before {
						content: '';
						position: absolute;
						width: 30px;
						height: 30px;
						background: url("images/mobileUI-site-nav-opener-bg_Menu.svg");
						top: 10px;
						left: 15px;
						z-index: 1;
						opacity: 0.75;
					}

					#titleBar .toggle:active:after {
						background: rgba(255, 255, 255, 0.05);
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;

				background: #3f7055c9;
				backdrop-filter: blur(5px);
				/* background: #3F7055; */
				box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);
				/*text-shadow: -1px -1px 1px black;*/
			}

				#navPanel .link {
					display: block;
					color: #fff;
					text-decoration: none;
					font-size: 1.25em;
					line-height: 2em;
					padding: 0.625em 1.5em 0.325em 1.5em;
					border-top: solid 1px #373d40;
					border-bottom: solid 1px rgba(0, 0, 0, 0.4);
				}

                #navPanel a:hover {
                    color: #0ff;
                }

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link:last-child {
						border-bottom: 0;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}

/* Small */

	@media screen and (max-width: 736px) {

		/* Basic */
        div#languageTitle{
            top: -10px;

        }
			body, input, textarea, select {
				/*font-size: 13pt;*/
				line-height: 1.4em;
			}

		/* Multi-use */
            .bordered-feature-image-50 img {
			    width: 100%;
            }

			.link-list li {
				padding: 0.75em 0 0.75em 0;
			}

			.quote-list li p {
				margin-bottom: 0.5em;
			}

			.check-list li {
				font-size: 1em;
			}

			.button-large {
				width: 80%;
				height: auto;
				padding: 0px 15px;
			}

			.button-small {
			    width: 80%;
			}

		/* Banner */

			#banner p {
				font-size: 1.25em;
				font-weight: 400;
				line-height: 1.25em;
				margin: 0 0 1em 0;
			}

		/* Content */

			#content section {
				padding: 30px 20px;
			}

			#content h2 {
				font-size: 1.5em;
			}

			#content h3 {
				font-size: 1.3em;
			}

			#content header {
				margin: 0 0 1.25em 0;
			}



		/* Footer */

			#footer .link-list {
				margin: 0 0 10px 0 !important;
			}

		/* Copyright */

			#copyright {
				padding: 20px 30px;
			}

	}
#langMenu select {
    background: white;
    /*background: #D0E0D0;*/
    padding: 21px 0px 8px 10px;
    float:right;
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid lightgray;
}

table.attractive {
    border: 1px solid gray;
    /*background-color:yellow;*/
    width: auto;
    margin-left:auto;
    margin-right:auto;
}
table.attractive th {
    border:1px solid gray;
    padding: 10px 10px;
    background: #C0D0C0;
    font-weight: bold;

}
table.attractive tr {
    border:1px solid gray;
}
table.attractive tr:nth-child(even) {
    background-color:#a0c5c0;
}
table.attractive tr:nth-child(odd) {
    background-color:#a5d0c5;
}
table.attractive td {
    padding: 4px;
    border-right: 1px solid gray;
}
#unitTo,#unitFrom {
    border: none;
    cursor:pointer;
    border-radius: 6px;
    padding:4px;
    background-color: #9bd59b;
    visibility:none;

}
#inputValue {
    border: none;
    cursor:pointer;
    border-radius: 6px;
    background-color: #ffb0ba;
    line-height: 1em;
    padding:4px;
}
#inputValue:focus {
  background-color: #DDEEDD ;
  border: 1px solid #CCDDCC;
}
div#languageTitle{
  /* background-color:white; */
  font-size:small;
  position:absolute;
  right:22px;
  /*top:-15px;*/
  vertical-align:top;

}
div.centered-content {
    display:flex;
    justify-content: center;
}

#contactform-section{
  display: none;
	position: relative;
}
#contactform-button{
	margin-top: 10px;
	color: white;
	border: none;
}
.contactform{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	width: 100%;
  margin: 0;
  padding: 0;
}
.formfield{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: 1rem;
}
.formfield label{
  font-weight: bold;
  text-align: end;
	width: 20%;
	padding-right: 20px;
	padding-left: 0px;
	margin-left: 0px;
}

.contactform input{
  width: 100%;
  height: 2rem;
  border-radius: 5px;
  border-style: none none solid;
}
.contactform label{
  font-weight: bold;
	width: 25%;
	padding-right: 20px;
}
.contactform textarea{
  width: 100%;
  height: 10rem;
  margin-bottom: 1rem;
  border-radius: 5px;
	border-style: none none solid;
}

@media screen and (max-width: 736px) {
	.formfield{flex-direction: column;}
	.formfield label{text-align: start;}
}


.centered{
  text-align: center;
}