/* Pacifico
Copyright 2018 The Pacifico Project Authors
https://github.com/googlefonts/Pacifico */
/* Pacifico cyrillic-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Pacifico_400_cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Pacifico cyrillic */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Pacifico_400_cyrillic.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Pacifico latin-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Pacifico_400_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Pacifico latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Pacifico_400_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter
Copyright 2016-2020 The Inter Project Authors
"Inter" is trademark of Rasmus Andersson.
https://github.com/rsms/inter */
/* Inter variable normal */
@font-face {
  font-family: 'Inter';
  src:url(../fonts/Inter.var.woff2) format("woff2"),url(../fonts/Inter.var.ttf) format("truetype");
  font-weight:100 200 300 400 500 600 700 800 900;
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
/* Inter variable italic */
@font-face {
  font-family: 'Inter';
  src:url(../fonts/Inter-italic.var.woff2) format("woff2"),url(../fonts/Inter-italic.var.ttf) format("truetype");
  font-weight:100 200 300 400 500 600 700 800 900;
  font-weight:100 900;
  font-style:oblique;
  font-display:swap;
}
/* Poppins
Copyright 2014-2019 Indian Type Foundry
https://github.com/itfoundry/poppins */
/* Poppins bold */
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(../fonts/Poppins-Bold.woff2) format("woff2"),url(../fonts/Poppins-Bold.ttf) format("truetype");
}
/* Poppins bold italic */
@font-face {
  font-family:Poppins;
  font-style:oblique;
  font-weight:700;
  font-display:swap;
  src:url(../fonts/Poppins-BoldItalic.woff2) format("woff2"),url(../fonts/Poppins-BoldItalic.ttf) format("truetype");
}
/* All fonts on this website are licensed under the Open Font License.
This license is available with a FAQ at:
http://scripts.sil.org/OFL */

/* Reset */

	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;
	}

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

	body {
		line-height: 1;
	}

  @media only screen and (min-width: 1000px) and (max-width: 1300px) {
    body {
      zoom: 0.9;
    }
  }

	ol, ul {
		list-style: none;
	}

	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;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 100em;
		min-width: 80em;
	}

	.container.\37 5\25 {
		width: 60em;
	}

	.container.\35 0\25 {
		width: 40em;
	}

	.container.\32 5\25 {
		width: 20em;
	}

	.container {
		width: 80em;
	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 100em;
			min-width: 80em;
		}

		.container.\37 5\25 {
			width: 60em;
		}

		.container.\35 0\25 {
			width: 40em;
		}

		.container.\32 5\25 {
			width: 20em;
		}

		.container {
			width: 80em;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 81.25em;
			min-width: 72rem;
		}

		.container.\37 5\25 {
			width: 48.75em;
		}

		.container.\35 0\25 {
			width: 32.5em;
		}

		.container.\32 5\25 {
			width: 16.25em;
		}

		.container {
			width: 72rem;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

/*Search result*/
.location-result {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  border-bottom: 1px solid rgb(214, 214, 214);
  padding: 5px 15px;
}

.location-result:hover {
  background: rgba(172, 221, 209, 0.151);
}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

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

	.row.\30 \25 > * {
		padding: 0 0 0 0em;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0em;
	}

	.row.uniform.\30 \25 > * {
		padding: 0em 0 0 0em;
	}

	.row.uniform.\30 \25 {
		margin: 0em 0 -1px 0em;
	}

	.row > * {
		padding: 0 0 0 2em;
	}

	.row {
		margin: 0 0 -1px -2em;
	}

	.row.uniform > * {
		padding: 2em 0 0 2em;
	}

	.row.uniform {
		margin: -2em 0 -1px -2em;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 4em;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -4em;
	}

	.row.uniform.\32 00\25 > * {
		padding: 4em 0 0 4em;
	}

	.row.uniform.\32 00\25 {
		margin: -4em 0 -1px -4em;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 3em;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -3em;
	}

	.row.uniform.\31 50\25 > * {
		padding: 3em 0 0 3em;
	}

	.row.uniform.\31 50\25 {
		margin: -3em 0 -1px -3em;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 1em;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -1em;
	}

	.row.uniform.\35 0\25 > * {
		padding: 1em 0 0 1em;
	}

	.row.uniform.\35 0\25 {
		margin: -1em 0 -1px -1em;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 0.5em;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.5em;
	}

	.row.uniform.\32 5\25 > * {
		padding: 0.5em 0 0 0.5em;
	}

	.row.uniform.\32 5\25 {
		margin: -0.5em 0 -1px -0.5em;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

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

		.row > * {
			padding: 0 0 0 2em;
		}

		.row {
			margin: 0 0 -1px -2em;
		}

		.row.uniform > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform {
			margin: -2em 0 -1px -2em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 4em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -4em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 4em 0 0 4em;
		}

		.row.uniform.\32 00\25 {
			margin: -4em 0 -1px -4em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\31 50\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 1em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -1em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform.\35 0\25 {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 0 0 0 1.25em;
		}

		.row {
			margin: 0 0 -1px -1.25em;
		}

		.row.uniform > * {
			padding: 1.25em 0 0 1.25em;
		}

		.row.uniform {
			margin: -1.25em 0 -1px -1.25em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2.5em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2.5em 0 0 2.5em;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5em 0 -1px -2.5em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.875em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.875em 0 0 1.875em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875em 0 -1px -1.875em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.625em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.625em 0 0 0.625em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625em 0 -1px -0.625em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.3125em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.3125em 0 0 0.3125em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125em 0 -1px -0.3125em;
		}

		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 0 0 0 1.25em;
		}

		.row {
			margin: 0 0 -1px -1.25em;
		}

		.row.uniform > * {
			padding: 1.25em 0 0 1.25em;
		}

		.row.uniform {
			margin: -1.25em 0 -1px -1.25em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2.5em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2.5em 0 0 2.5em;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5em 0 -1px -2.5em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.875em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.875em 0 0 1.875em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875em 0 -1px -1.875em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.625em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.625em 0 0 0.625em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625em 0 -1px -0.625em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.3125em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.3125em 0 0 0.3125em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125em 0 -1px -0.3125em;
		}

		.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xsmall\29 + *,
		.\31 1u\24\28xsmall\29 + *,
		.\31 0u\24\28xsmall\29 + *,
		.\39 u\24\28xsmall\29 + *,
		.\38 u\24\28xsmall\29 + *,
		.\37 u\24\28xsmall\29 + *,
		.\36 u\24\28xsmall\29 + *,
		.\35 u\24\28xsmall\29 + *,
		.\34 u\24\28xsmall\29 + *,
		.\33 u\24\28xsmall\29 + *,
		.\32 u\24\28xsmall\29 + *,
		.\31 u\24\28xsmall\29 + * {
			clear: left;
		}

		.\-11u\28xsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xsmall\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		background-color: #fff;
		color: #2A2D34;
	}

	body, input, select, textarea {
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.02em;
		font-size: 15pt;
		font-weight: 300;
		line-height: 2;
	}

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

			body, input, select, textarea {
				font-size: 13pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 13pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline;
		}

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.02em;
	}

	h1, h2, h3, h4, h5, h6 {
    font-family: Poppins, sans-serif;
    letter-spacing: normal;
		font-weight: 700;
		line-height: 1.5;
		margin: 0 0 1em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 1.87em;
		margin: 0 0 0.25em 0;
	}

	h2 {
		font-size: 1.64em;
	}

	h3 {
		font-size: 1.26em;
	}

	h4 {
		font-size: 1.03em;
	}

	h5 {
		font-size: 0.84em;
	}

	h6 {
		font-size: 0.65em;
	}

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

		h1 {
			font-size: 1.4em;
		}

		h2 {
			font-size: 1.16em;
		}

		h3 {
			font-size: 1.03em;
		}

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		border-radius: 0;
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	input, select, textarea {
		color: #037362;
	}

	a {
		color: #037362;
	}

	strong, b {
		color: #037362;
	}

	blockquote {
		border-left-color: #037362;
	}

	code {
		background: none;
		border-color: #037362;
	}

	hr {
		border-bottom-color: #037362;
	}

  h1.home-main {
    color: #2A2D34;
    margin: 0 0 1rem 0;
    position: relative;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    text-align: center;
    font-weight: 700 !important;
    font-size: 1.52rem !important;
    line-height: 1.375 !important;
  }

  h2.home-main {
    text-align: center;
    font-size: 1.925rem !important;
    line-height: 1.375 !important;
    color: #2A2D34 !important;
  }

  h1.home-main.top {
    margin: 0 0 3rem 0;
  }

  h1.home-main.color {
    color: #21CCB2;
  }

  @media (min-width: 30rem) {
    h1.home-main {
      font-size: 2.45rem !important;
    }
  }

  section.bg-statement h2 {
    font-size: 1.4em;
  }

  @media screen and (max-width: 736px) {
    section.bg-statement h2 {
      font-size: 1.16em;
    }
  }

  p.home-main {
    font-family: inherit;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    font-size: 1.125rem;
    line-height: 2;
    text-align: center;
    font-weight: 400 !important;
    margin: 0;
  }

  @media (min-width: 48rem) {
    p.home-main {
      font-size: 1.25rem;
    }
  }

  h1.white, h2.white, h3.white, h4.white, h5.white {
    color: #FFFFFF !important;
  }

  h1.green, h2.green, h3.green, h4.green, h5.green {
    color: #21CCB2 !important;
  }

  h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow {
    color: #E0A458 !important;
  }

  h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {
    color: #247BA0 !important;
  }

  h1.red, h2.red, h3.red, h4.red, h5.red {
    color: #FF1654 !important;
  }

  .inner .content .flex-content {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }

  .inner .content .flex-content .max-width {
    box-sizing: border-box;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    padding: 0rem;
    margin: 0rem;
    width: 100%;
  }

  .max-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .max-width.width-500 {
    max-width: 500px;
  }
  .max-width.width-700 {
    max-width: 700px;
  }
  .max-width.width-900 {
    max-width: 900px;
  }

  .inner .flexbox {
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap-reverse;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
    padding: 0rem;
    margin: 0rem;
  }

  .inner .flexbox.img-slider {
    padding-top: 0.5rem;
  }

  .inner .flexbox.switch {
    flex-wrap: wrap;
  }

  .inner .flexbox.align-top {
    align-items: baseline;
    align-content: baseline;
  }

  .inner .flexbox > div {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 0;
    flex-basis: 100%;
    max-width: 100%;
  }

  .inner .flexbox > div.mobile-hideFlex {
    display: none;
  }

  @media (min-width: 48rem) {

    .inner .flexbox.img-slider {
      padding-top: 3.5rem;
    }

    .inner .flexbox > div {
      flex-basis: 50%;
      max-width: 50%;
    }

    .inner .flexbox > div.mobile-hideFlex {
      display: block;
    }

    .inner .flexbox > div:nth-child(odd) {
      padding: 0 2rem 0 0;
    }

    .inner .flexbox > div:nth-child(even) {
      padding: 0 0 0 2rem;
    }

  }

  .flexbox-explainer {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
  }

  .flexbox-explainer p.home-main {
    text-align: left;
    line-height: 1.75;
  }

  .flexbox-explainer h2.home-main {
    color: #21CCB2;
    max-width: 230px;
  }

  .flexbox-explainer div:first-child {
    flex-basis: calc(100% / 3 - 1rem);
  }

  .flexbox-explainer div:last-child {
    flex-basis: calc(100% / 3 * 2 - 1rem);
  }

  @media (max-width: 736px) {
    .flexbox-explainer {
      gap: 0;
    }
    .flexbox-explainer div {
      flex-basis: 100% !important;
    }
    .flexbox-explainer p.home-main {
      font-size: 1.15rem !important;
      line-height: 1.6 !important;
    }
    .flexbox-explainer h2.home-main {
      max-width: 100%;
    }
     .home-icon-desktop {
       display: none;
     }
  }

  .benefits .flexbox-explainer {
    margin-top: 1rem;
  }

  .benefits .flexbox-explainer:not(:last-child) {
    margin-bottom: 2rem;
  }

  .benefits .flexbox-explainer h3 {
    margin: 0;
    color: inherit;
  }

  .benefits .flexbox-explainer a {
    margin-top: 0.5rem;
  }

/* Box */

	.box {
		border-radius: 0;
		border: solid 1px;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

	.box {
		border-color: #037362;
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 3em;
		border: 0;
		cursor: pointer;
		display: inline-block;
		font-size: 1.05rem;
		font-weight: 700;
		height: 3em;
		line-height: 3em;
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
    user-select: none;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			text-decoration: none;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		background-color: #21CCB2;
		color: #ffffff !important;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: #6EDECD;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #6EDECD;
		}

    button.yellow, .button.yellow {
      background-color: #E0A458 !important;
    }
    button.yellow:hover, .button.yellow:hover, button.yellow:active, .button.yellow:active {
      background-color: #fab964 !important;
    }

    button.red, .button.red {
      background-color: #FF1654 !important;
    }
    button.red:hover, .button.red:hover, button.red:active, .button.red:active {
      background-color: #ff5983 !important;
    }

    button.blue, .button.blue {
      background-color: #247BA0 !important;
    }
    button.blue:hover, .button.blue:hover, button.blue:active, .button.blue:active {
      background-color: #429cc2 !important;
    }

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		button.alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #037362;
			color: #037362 !important;
		}

    button.green.alt,
		.button.green.alt {
      background-color: transparent !important;
			box-shadow: inset 0 0 0 2px #21CCB2 !important;
			color: #21CCB2 !important;
    }

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: rgba(3, 115, 98, 0.21);
			}

      button.green.alt:hover,
			.button.green.alt:hover {
				background-color: rgba(3, 115, 98, 0.5) !important;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: rgba(3, 115, 98, 0.21);
			}

      button.green.alt:active,
			.button.green.alt:active {
				background-color: rgba(3, 115, 98, 0.5) !important;
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			button.alt.icon:before,
			.button.alt.icon:before {
				color: #717171;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			background-color: #037362;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover {
				background-color: #e85d61;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #e23135;
			}

      input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

      input[type=number] {
        -moz-appearance: textfield !important;
      }

/* Form */

	form {
		margin: 0 0 2em 0;
	}

		form .field {
			margin: 0 0 2em 0;
		}

			form .field.half {
				width: 50%;
				float: left;
				padding: 0 0 0 1em;
			}

				form .field.half.first {
					padding: 0 1em 0 0;
				}

		form > .actions {
			margin: 2.5em 0 0 0 !important;
		}

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

			form .field {
				margin: 0 0 1.5em 0;
			}

				form .field.half {
					padding: 0 0 0 0.75em;
				}

					form .field.half.first {
						padding: 0 0.75em 0 0;
					}

			form > .actions {
				margin: 2em 0 0 0 !important;
			}

		}

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

			form .field.half {
				width: 100%;
				float: none;
				padding: 0;
			}

				form .field.half.first {
					padding: 0;
				}

		}

	label {
		display: block;
		font-size: 0.9em;
		font-weight: 700;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border-radius: 3px;
		border: none;
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="number"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

  select#replyLang {
    border-color: #ffffff;
  }

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
			text-transform: none !important;
      color: #ffffff;
		}

		.select-wrapper:before {
			content: '\f078';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 0;
				border: solid 1px;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

			.checkbox-small,
			.checkbox-small input,
			.checkbox-small label,
			.checkbox-small input[type="checkbox"] + label {
				color: #E8E8E8 !important;
				line-height: 1.2em;
				font-size: 0.92em;
				padding-left: 1.6em;
				padding-bottom: 0.5em;
			}

			.checkbox-small input[type="checkbox"] + label:before,
			.checkbox-small input[type="radio"] + label:before {
				border-color: #E8E8E8 !important;
				height: 1.2em;
				line-height: 1.2em;
				width: 1.2em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			content: '\f00c';
		}

	input[type="checkbox"] + label:before {
		border-radius: 0;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	.formerize-placeholder {
		opacity: 1.0;
	}

	label {
		color: #037362;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	select,
	textarea {
		background: none;
		border-color: #ffffff;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="number"]:focus,
		select:focus,
		textarea:focus {
			border-color: #9B9E9E;
			box-shadow: 0 0 0 1px #037362;
		}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #3C3C3B;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			background: none;
			border-color: #037362;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #037362;
		border-color: #037362;
		color: #ffffff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #037362;
		box-shadow: 0 0 0 1px #037362;
	}

	::-webkit-input-placeholder {
		color: #717171 !important;
	}

	:-moz-placeholder {
		color: #717171 !important;
	}

	::-moz-placeholder {
		color: #717171 !important;
	}

	:-ms-input-placeholder {
		color: #717171 !important;
	}

	.formerize-placeholder {
		color: #717171 !important;
	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* Image */

	.image {
		border-radius: 0;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 0;
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 2em;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 700;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

	ul.alt li {
		border-top-color: #037362;
	}

/* Section/Article */

	section {
		padding: 3rem 0;
	}

  @media (min-width: 30rem) {
    section {
      padding: 3.8rem 0;
    }
  }

	section div {
		overflow-wrap: break-word;
	}

	@media screen and (max-width: 980px) {
		section {
			padding: 3.35rem 0;
		}
	}

	@media screen and (max-width: 736px) {
		section {
			padding: 3rem 0;
		}
	}

  section:last-child {
    padding-bottom: 0;
  }

	section.special, article.special {
		text-align: center;
	}

	section .inner, .demo-notice.inner {
		max-width: 67rem;
		width: calc(100% - 6em);
		margin: 0 auto;
	}

	section .inner.pop-out {
		max-width: calc(72rem + 4em);
    width: calc(100% + 4em);
    margin: 0 auto;
		position: relative;
		z-index: 10000;
	}

	section .inner.pop-out .content {
	background: #FFFFFF;
    padding: 1.6em 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
    box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
	}

  section.bg-logo {
    position: relative;
    overflow: hidden;
  }

  section.bg-logo:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../graphics/CoBenefit_icon.png);
    filter: grayscale(100%);
    opacity: 0.12;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    padding: 3.5em;
  }

  .inner.bg-logo:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../graphics/CoBenefit_icon.png);
    filter: grayscale(100%);
    opacity: 0.12;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    padding: 18% 0 18% 18%;
  }

  @media screen and (max-width: 600px) {
    .inner.bg-logo:before {
      display: none;
    }
  }

  section.bg-logo .max-width {
    z-index: 1;
  }

  section.green {
    background-color: #21CCB2;
    color: #ffffff !important;
  }
  section.greenLight {
    background-color: #CBFFF5;
  }
  section.yellow {
    background-color: #E0A458;
    color: #ffffff !important;
  }
  section.blue {
    background-color: #247BA0;
    color: #ffffff !important;
  }
  section.red {
    background-color: #FF1654;
    color: #ffffff !important;
  }

  section.green h2.home-main, section.yellow h2.home-main, section.blue h2.home-main, section.red h2.home-main {
    color: #ffffff !important;
    margin-bottom: 3rem;
  }

  section.green .button, section.yellow .button, section.blue .button, section.red .button, .sc-lmoMRL.kCvtEX.dark {
    background-color: #2A2D34;
    color: #ffffff !important;
    display: inline-block;
  }

  section.green .button:hover, section.yellow .button:hover, section.blue .button:hover, section.red .button:hover, .sc-lmoMRL.kCvtEX.dark:hover {
    background-color: #404249;
  }

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

			section .inner.pop-out {
		    width: calc(100% - 1.5em);
			}

			section .inner.pop-out .content {
				padding: 1.6em 2.2em;
			}

		}

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

		section .inner.pop-out {
			max-width: 90%;
			width: 90%;
		}

	}


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

			section .inner, .demo-notice.inner {
				max-width: 90%;
				width: 90%;
			}

			section#product {
				padding-top: 2em;
			}

		}

	header p {
		position: relative;
		margin: 0 0 1.5em 0;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.8em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.6em;
	}

	header p {
		color: #717171;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px;
			border-left: 0;
			border-right: 0;
		}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			font-size: 0.9em;
			font-weight: 700;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px;
		}

		table tfoot {
			border-top: solid 2px;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

	table tbody tr {
		border-color: #037362;
	}

		table tbody tr:nth-child(2n + 1) {
			background-color: transparent;
		}

	table th {
		color: #037362;
	}

	table thead {
		border-bottom-color: #037362;
	}

	table tfoot {
		border-top-color: #037362;
	}

	table.alt tbody tr td {
		border-color: #037362;
	}

/* Wrapper */

	.wrapper {
		position: relative;
	}

		.wrapper > .inner {
			margin: 0 auto;
			width: 60em;
		}

		.wrapper.style1 {
			background-color: #037362;
			color: #ffffff;
		}

			.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
				color: #ffffff;
			}

			.wrapper.style1 a {
				color: #ffffff;
			}

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #ffffff;
			}

			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #fff;
			}

			.wrapper.style1 blockquote {
				border-left-color: #fff;
			}

			.wrapper.style1 code {
				background: none;
				border-color: #fff;
			}

			.wrapper.style1 hr {
				border-bottom-color: #fff;
			}

			.wrapper.style1 .box {
				border-color: #fff;
			}

			.wrapper.style1 input[type="submit"],
			.wrapper.style1 input[type="reset"],
			.wrapper.style1 input[type="button"],
			.wrapper.style1 button,
			.wrapper.style1 .button {
				background-color: #5a5a5a;
				color: #ffffff !important;
			}

				.wrapper.style1 input[type="submit"]:hover,
				.wrapper.style1 input[type="reset"]:hover,
				.wrapper.style1 input[type="button"]:hover,
				.wrapper.style1 button:hover,
				.wrapper.style1 .button:hover {
					background-color: #676767;
				}

				.wrapper.style1 input[type="submit"]:active,
				.wrapper.style1 input[type="reset"]:active,
				.wrapper.style1 input[type="button"]:active,
				.wrapper.style1 button:active,
				.wrapper.style1 .button:active {
					background-color: #4d4d4d;
				}

				.wrapper.style1 input[type="submit"].alt,
				.wrapper.style1 input[type="reset"].alt,
				.wrapper.style1 input[type="button"].alt,
				.wrapper.style1 button.alt,
				.wrapper.style1 .button.alt {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px #fff;
					color: #ffffff !important;
				}

					.wrapper.style1 input[type="submit"].alt:hover,
					.wrapper.style1 input[type="reset"].alt:hover,
					.wrapper.style1 input[type="button"].alt:hover,
					.wrapper.style1 button.alt:hover,
					.wrapper.style1 .button.alt:hover {
						background: rgba(255, 255, 255, 0.25);
					}

					.wrapper.style1 input[type="submit"].alt:active,
					.wrapper.style1 input[type="reset"].alt:active,
					.wrapper.style1 input[type="button"].alt:active,
					.wrapper.style1 button.alt:active,
					.wrapper.style1 .button.alt:active {
						background-color: rgba(255, 255, 255, 0.2);
					}

					.wrapper.style1 input[type="submit"].alt.icon:before,
					.wrapper.style1 input[type="reset"].alt.icon:before,
					.wrapper.style1 input[type="button"].alt.icon:before,
					.wrapper.style1 button.alt.icon:before,
					.wrapper.style1 .button.alt.icon:before {
						color: #f8d1d2;
					}

				.wrapper.style1 input[type="submit"].special,
				.wrapper.style1 input[type="reset"].special,
				.wrapper.style1 input[type="button"].special,
				.wrapper.style1 button.special,
				.wrapper.style1 .button.special {
					background-color: #ffffff;
					color: #037362 !important;
				}

			.wrapper.style1 label {
				color: #ffffff;
			}

			.wrapper.style1 input[type="text"],
			.wrapper.style1 input[type="password"],
			.wrapper.style1 input[type="email"],
			.wrapper.style1 select,
			.wrapper.style1 textarea {
				background: none;
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 input[type="text"]:focus,
				.wrapper.style1 input[type="password"]:focus,
				.wrapper.style1 input[type="email"]:focus,
				.wrapper.style1 select:focus,
				.wrapper.style1 textarea:focus {
					border-color: #ffffff;
					box-shadow: 0 0 0 1px #ffffff;
				}

			.wrapper.style1 .select-wrapper:before {
				color: #fff;
			}

			.wrapper.style1 input[type="checkbox"] + label,
			.wrapper.style1 input[type="radio"] + label {
				color: #ffffff;
			}

				.wrapper.style1 input[type="checkbox"] + label:before,
				.wrapper.style1 input[type="radio"] + label:before {
					background: none;
					border-color: #fff;
				}

			.wrapper.style1 input[type="checkbox"]:checked + label:before,
			.wrapper.style1 input[type="radio"]:checked + label:before {
				background-color: #ffffff;
				border-color: #ffffff;
				color: #037362;
			}

			.wrapper.style1 input[type="checkbox"]:focus + label:before,
			.wrapper.style1 input[type="radio"]:focus + label:before {
				border-color: #ffffff;
				box-shadow: 0 0 0 1px #ffffff;
			}

			.wrapper.style1 ::-webkit-input-placeholder {
				color: #f8d1d2 !important;
			}

			.wrapper.style1 :-moz-placeholder {
				color: #f8d1d2 !important;
			}

			.wrapper.style1 ::-moz-placeholder {
				color: #f8d1d2 !important;
			}

			.wrapper.style1 :-ms-input-placeholder {
				color: #f8d1d2 !important;
			}

			.wrapper.style1 .formerize-placeholder {
				color: #f8d1d2 !important;
			}

			.wrapper.style1 ul.alt li {
				border-top-color: #fff;
			}

			.wrapper.style1 header p {
				color: #f8d1d2;
			}

			.wrapper.style1 table tbody tr {
				border-color: #fff;
			}

				.wrapper.style1 table tbody tr:nth-child(2n + 1) {
					background-color: transparent;
				}

			.wrapper.style1 table th {
				color: #ffffff;
			}

			.wrapper.style1 table thead {
				border-bottom-color: #fff;
			}

			.wrapper.style1 table tfoot {
				border-top-color: #fff;
			}

			.wrapper.style1 table.alt tbody tr td {
				border-color: #fff;
			}

		.wrapper.style2 {
			background-color: #5a5a5a;
			color: #d5d5d5;
		}

			.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
				color: #ffffff;
			}

			.wrapper.style2 a {
				color: #037362;
			}

			.wrapper.style2 strong, .wrapper.style2 b {
				color: #ffffff;
			}

			.wrapper.style2 blockquote {
				border-left-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 hr {
				border-bottom-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 .box {
				border-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 input[type="submit"],
			.wrapper.style2 input[type="reset"],
			.wrapper.style2 input[type="button"],
			.wrapper.style2 button,
			.wrapper.style2 .button {
				background-color: #ffffff;
				color: #5a5a5a !important;
			}

				.wrapper.style2 input[type="submit"].alt,
				.wrapper.style2 input[type="reset"].alt,
				.wrapper.style2 input[type="button"].alt,
				.wrapper.style2 button.alt,
				.wrapper.style2 .button.alt {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.15);
					color: #ffffff !important;
				}

					.wrapper.style2 input[type="submit"].alt:hover,
					.wrapper.style2 input[type="reset"].alt:hover,
					.wrapper.style2 input[type="button"].alt:hover,
					.wrapper.style2 button.alt:hover,
					.wrapper.style2 .button.alt:hover {
						background: rgba(255, 255, 255, 0.5);
					}

					.wrapper.style2 input[type="submit"].alt:active,
					.wrapper.style2 input[type="reset"].alt:active,
					.wrapper.style2 input[type="button"].alt:active,
					.wrapper.style2 button.alt:active,
					.wrapper.style2 .button.alt:active {
						background-color: rgba(255, 255, 255, 0.2);
					}

					.wrapper.style2 input[type="submit"].alt.icon:before,
					.wrapper.style2 input[type="reset"].alt.icon:before,
					.wrapper.style2 input[type="button"].alt.icon:before,
					.wrapper.style2 button.alt.icon:before,
					.wrapper.style2 .button.alt.icon:before {
						color: #bdbdbd;
					}

				.wrapper.style2 input[type="submit"].special,
				.wrapper.style2 input[type="reset"].special,
				.wrapper.style2 input[type="button"].special,
				.wrapper.style2 button.special,
				.wrapper.style2 .button.special {
					background-color: #037362;
					color: #ffffff !important;
				}

					.wrapper.style2 input[type="submit"].special:hover,
					.wrapper.style2 input[type="reset"].special:hover,
					.wrapper.style2 input[type="button"].special:hover,
					.wrapper.style2 button.special:hover,
					.wrapper.style2 .button.special:hover {
						background-color: #e85d61;
					}

					.wrapper.style2 input[type="submit"].special:active,
					.wrapper.style2 input[type="reset"].special:active,
					.wrapper.style2 input[type="button"].special:active,
					.wrapper.style2 button.special:active,
					.wrapper.style2 .button.special:active {
						background-color: #e23135;
					}

			.wrapper.style2 label {
				color: #ffffff;
			}

			.wrapper.style2 input[type="text"],
			.wrapper.style2 input[type="password"],
			.wrapper.style2 input[type="email"],
			.wrapper.style2 select,
			.wrapper.style2 textarea {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.5);
			}

				.wrapper.style2 input[type="text"]:focus,
				.wrapper.style2 input[type="password"]:focus,
				.wrapper.style2 input[type="email"]:focus,
				.wrapper.style2 select:focus,
				.wrapper.style2 textarea:focus {
					border-color: #037362;
					box-shadow: 0 0 0 1px #037362;
				}

			.wrapper.style2 .select-wrapper:before {
				color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 input[type="checkbox"] + label,
			.wrapper.style2 input[type="radio"] + label {
				color: #d5d5d5;
			}

				.wrapper.style2 input[type="checkbox"] + label:before,
				.wrapper.style2 input[type="radio"] + label:before {
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.15);
				}

			.wrapper.style2 input[type="checkbox"]:checked + label:before,
			.wrapper.style2 input[type="radio"]:checked + label:before {
				background-color: #037362;
				border-color: #037362;
				color: #ffffff;
			}

			.wrapper.style2 input[type="checkbox"]:focus + label:before,
			.wrapper.style2 input[type="radio"]:focus + label:before {
				border-color: #037362;
				box-shadow: 0 0 0 1px #037362;
			}

			.wrapper.style2 ::-webkit-input-placeholder {
				color: #bdbdbd !important;
			}

			.wrapper.style2 :-moz-placeholder {
				color: #bdbdbd !important;
			}

			.wrapper.style2 ::-moz-placeholder {
				color: #bdbdbd !important;
			}

			.wrapper.style2 :-ms-input-placeholder {
				color: #bdbdbd !important;
			}

			.wrapper.style2 .formerize-placeholder {
				color: #bdbdbd !important;
			}

			.wrapper.style2 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 header p {
				color: #bdbdbd;
			}

			.wrapper.style2 table tbody tr {
				border-color: rgba(255, 255, 255, 0.15);
			}

				.wrapper.style2 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style2 table th {
				color: #ffffff;
			}

			.wrapper.style2 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.15);
			}

			.wrapper.style2 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.15);
			}

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

			.wrapper > .inner {
				width: 72rem;
			}

		}

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

			.wrapper > .inner {
				width: 100%;
			}

		}

/* Header */

	body {
		position: relative;
		padding-top: 64px;
	}

/* TBD FROM HERE */
	#header {
		background: #ffffff;
		color: #3C3C3B;
		box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
		cursor: default;
		height: 4em;
		position: fixed; /*absolute;*/
		top: 0;
		left: 0;
		line-height: 4em;
		transition: top 0.3s; /* Transition effect when sliding down (and up) */
		text-align: right;
		width: 100%;
		z-index: 10001;
	}

		#header .inner {
			width: 100%;
			padding: 0px 1rem;
			position: relative;
		}

		#header .logo {
			font-family: 'Pacifico', cursive;
			display: inline-block;
			height: inherit;
			left: 0;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
			color: #037362;
			font-size: 1.75em;
			text-transform: none;
			font-weight: normal;
			padding: 0;
			float: left;
			position: relative;
		}

			#header .logo:hover {
				color: rgba(3, 115, 98, 0.75);
			}

			#header .logo-total {
				display: flex;
				float: left;
				height: 100%;
				position: relative;
			}

			#header .main-logo-wrapper {
				float: left;
				height: 2.75em;
				margin-top: 0.625em;
				position: relative;
				/* flex: 0 0 12.5em; */
			}

			#header .main-logo-wrapper .main-logo {
				display: flex;
				height: inherit;
			}

			#header .main-logo-wrapper .main-logo a {
				padding: 0 !important;
			}

			#header .main-logo-wrapper .main-logo img {
				height: 100%;
				width: auto;
				position: absolute;
				top: 0;
			}

			#header .organizor-logo-wrapper {
				display: flex;
				height: 2.75em;
				/* margin-left: 1.5rem; */
				margin-top: 0.625em;
				position: relative;
				flex: 1;
			}

			#header .organizor-logo-wrapper .organizor-logo {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 2.75em;
				background-color: #ffffff;
				/* border: 0.1rem solid #DCDEDD; */
				border-radius: 50%;
				overflow: hidden;
			}

			#header .organizor-logo-wrapper .organizor-logo a:hover img {
				opacity: 0.75;
			}

			#header .organizor-logo-wrapper .organizor-logo a {
				padding: 0;
    		width: 100%;
    		height: 100%;
			}

      #header .organizor-logo-wrapper .organizor-logo img {
				width: 100%;
				height: auto;
			}

/* TBD UNTIL HERE */

			.organizors {
				padding: 0;
				background: none;
			}

			.lift-up {
				-webkit-transform: translate(0,-5.4em);
				-ms-transform: translate(0,-5.4em);
				transform: translate(0,-5.4em);
				position: relative;
				z-index: 10000;
			}

			.how.lift-up {
				padding-top: calc(4em + 5.4em);
				margin-bottom: calc(0em - 4em - 5.4em);
				margin-top: 4em;
    		z-index: 0;
				-webkit-transform: translate(0,-9.4em);
    		-ms-transform: translate(0,-9.4em);
    		transform: translate(0,-9.4em);
			}

			.organizors ul {
			  display: grid;
			  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
			  grid-gap: 1rem; /* column-gap not supported by Safari */
				grid-template-rows: repeat(1, 1fr);
	    	grid-auto-rows: 0;
				/* overflow-y: hidden; */
				list-style: none;
				margin: 0;
				padding: 0;
			}

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

				.organizors ul {
					grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
				}

			}

			.organizors ul li {
				padding: 0;
			}

			@media screen and (max-width: 1160px) {
				.organizors ul li#o6 {
					display: none;
				}
			}

			@media screen and (max-width: 970px) {
				.organizors ul li#o5 {
					display: none;
				}
			}

			@media screen and (max-width: 802px) {
				.organizors ul li#o4 {
					display: none;
				}
			}

			@media screen and (max-width: 626px) {
				.organizors ul li#o2 {
					display: none;
				}
			}

			.organizors ul > li .circular-img {
				overflow: hidden;
				border-radius: 50%;
				background-color: #ffffff;
			}

			.organizors ul > li img {
			  width: 100%;
				display: block;
			}

			.organizors ul > li:hover img { /* .organizors ul > li a:hover img */
				opacity: 0.75;
			}

			.organizor-logo-wrapper.large {
				float: left;
				/* display: flex;
				height: 100%;
				max-height: 100%; */
				position: relative;
			}

			.organizor-logo-wrapper.large .organizor-logo.large {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				max-width: 100%;
				background-color: #ffffff;
				/* border: 0.1rem solid #DCDEDD; */
				border-radius: 50%;
				overflow: hidden;
				-webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
    		box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
			}

      .organizor-logo-wrapper.large .organizor-logo.large img {
				width: 100%;
				height: auto;
			}

			.organizor-logo-h {
				display: inline-block;
				width: 100%;
			}

			.organizor-logo-h span {
				text-align: center;
		    vertical-align: middle;
		    margin: 0.4em 0 0 0;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		    line-height: normal;
		    width: inherit;
		    font-weight: 500;
		    font-size: 1rem;
			}

			.organizor-logo-h span a {
				text-decoration: none;
				color: #656969;
			}

			.organizors ul > li:hover .organizor-logo-h span a {
				text-decoration: none;
				color: #656969;
				opacity: 0.75;
			}

		#header a {
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			display: inline-block;
			padding: 0 2em;
			color: #3C3C3B;
			text-decoration: none;
			font-weight: 700;
			font-size: .85em;
		}

			#header a:hover {
				color: rgba(28, 28, 28, 0.8);
			}

			#header a:last-child {
				padding-right: 0em;
			}

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

				#header a {
					padding: 0 0.5em;
				}

			}

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

		#header {
			min-width: 320px;
		}

	}

/* Menu */

	#nav {
		display: inline-block;
	}

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

			#nav {
				display: none;
			}

		}

	.navPanelToggle {
		position: fixed; /* absolute */
		transition: top 0.3s; /* Transition effect when sliding down (and up) */
		text-decoration: none;
		height: 4em;
		right: 3em;
		top: .75em;
		width: 4em;
		display: none;
		z-index: 10002;
	}

		.navPanelToggle:before {
			font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
			text-transform: none !important;
			color: #fff;
			display: block;
			font-size: 16px;
			height: 2.25em;
			left: 0.5em;
			line-height: 2.25em;
			position: absolute;
			text-align: center;
			top: 0.5em;
			width: 3.5em;
		}

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

			.navPanelToggle {
				display: block;
			}

		}

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

			.navPanelToggle {
				right: 1em;
			}

		}

		.navPanelToggle *:before {
			color: #3C3C3B;
			display: block;
			font-size: 16px;
			height: 2.25em;
			left: 0.5em;
			line-height: 2.25em;
			position: absolute;
			text-align: center;
			top: 0.5em;
			width: 3.5em;
		}

	#navPanel {
		-moz-transform: translatex(20em);
		-webkit-transform: translatex(20em);
		-ms-transform: translatex(20em);
		transform: translatex(20em);
		-moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
		-webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
		-ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
		transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
		-webkit-overflow-scrolling: touch;
		visibility: hidden;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		background: #037362;
		color: #fff;
		height: 100%;
		max-width: 80%;
		width: 20em;
		padding: 1.5em;
		text-transform: uppercase;
		z-index: 10003;
		display: none;
	}

		#navPanel.visible {
			-moz-transform: translatex(0);
			-webkit-transform: translatex(0);
			-ms-transform: translatex(0);
			transform: translatex(0);
			box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
			visibility: visible;
		}

		#navPanel a:not(.close) {
			border-top: solid 1px rgba(255, 255, 255, 0.1);
			color: #fff;
			font-weight: 700;
			display: block;
			padding: 0.75em 0;
			text-decoration: none;
		}

			#navPanel a:not(.close):first-child {
				border: none;
			}

		#navPanel .close {
			text-decoration: none;
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			-webkit-tap-highlight-color: transparent;
			border: 0;
			color: #fff;
			cursor: pointer;
			display: block;
			height: 4em;
			padding-right: 1.25em;
			position: absolute;
			right: 0;
			text-align: right;
			top: 0;
			vertical-align: middle;
			width: 5em;
		}

			#navPanel .close:before {
				font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
				text-transform: none !important;
				content: '\f00d';
				width: 3em;
				height: 3em;
				line-height: 3em;
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
			}

			#navPanel .close:hover {
				color: inherit;
			}

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

			#navPanel {
				display: block;
			}

		}

/* Banner */

	#banner {
		padding: 4.5rem 0;
		background-color: #2A2D34;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		text-align: left;
		position: relative;
		/* z-index: 9999; */
	}

  @media (min-width: 48rem) {
    #banner {
      padding-bottom: 6.5rem;
      padding-top: 6.5rem;
    }
    #banner.home {
      padding-bottom: 6.5rem;
      padding-top: 7.5rem;
    }
  }

  @media (min-width: 30rem) {
    #banner {
      padding-top: 5.5rem;
    }
    #banner.home {
      padding-top: 6.5rem;
    }
  }

  #banner .backlink {
    color: #ffffff;
    font-weight: 300;
    font-size: 1rem;
  }

  #banner .backlink a:hover {
    opacity: 0.75;
  }

  @media (max-width: 1000px) {
    #banner .backlink {
      margin-bottom: 1rem;
    }
  }

/*	#banner.initiatives-de {
		background-image: url("../../cobenefit/media/deutsche-kleinstadt.jpg");
	}

	#banner.initiatives-en {
		background-image: url("../../cobenefit/media/small-town-uk.jpg");
		background-position: center center;
	}

	#banner.initiatives-nl {
		background-image: url("../../cobenefit/media/buurt_panorama.jpg");
		background-position: center center;
	} */

		#banner ul.actions {
			margin: 0;
		}

		#banner input, #banner select, #banner textarea {
			color: #ffffff;
		}

		#banner a {
			color: #ffffff;
		}

		#banner strong, #banner b {
			color: #ffffff;
		}

		#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
		}

		#banner blockquote {
			border-left-color: #fff;
		}

		#banner code {
			background: none;
			border-color: #fff;
		}

		#banner hr {
			border-bottom-color: #fff;
		}

		#banner input[type="submit"],
		#banner input[type="reset"],
		#banner input[type="button"],
		#banner button,
		#banner .button {
			background-color: #21CCB2;
			color: #ffffff;
		}

			#banner input[type="submit"]:hover,
			#banner input[type="reset"]:hover,
			#banner input[type="button"]:hover,
			#banner button:hover,
			#banner .button:hover {
				background-color: #20C2AA;
			}

			#banner input[type="submit"]:active,
			#banner input[type="reset"]:active,
			#banner input[type="button"]:active,
			#banner button:active,
			#banner .button:active {
				background-color: #22BCA5;
			}

			#banner input[type="submit"].alt,
			#banner input[type="reset"].alt,
			#banner input[type="button"].alt,
			#banner button.alt,
			#banner .button.alt {
				background-color: #ffffff;
				box-shadow: none;
				color: #3C3C3B;
			}

			#banner input[type="submit"].neu,
			#banner input[type="reset"].neu,
			#banner input[type="button"].neu,
			#banner button.neu,
			#banner .button.neu {
				background-color: #21CCB2;
				box-shadow: none;
				color: #ffffff;
			}


				#banner input[type="submit"].neu:hover,
				#banner input[type="reset"].neu:hover,
				#banner input[type="button"].neu:hover,
				#banner button.neu:hover,
				#banner .button.neu:hover {
					background: rgba(33, 204, 178, 0.65);
				}

			/*@media screen and (max-width: 10736px) {*/

				#banner input[type="submit"].neu,
				#banner input[type="reset"].neu,
				#banner input[type="button"].neu,
				#banner button.neu,
				#banner .button.neu,
				#banner input[type="submit"].alt,
				#banner input[type="reset"].alt,
				#banner input[type="button"].alt,
				#banner button.alt,
				#banner .button.alt {
					margin-bottom: 1em;
				}

				a.back-to-main {
					margin-bottom: 4em;
					display: inline-block;
					text-shadow: 0px 4px 5px #282828;
					font-weight: 700;
    			font-size: 95%;
				}

				#banner input[type="submit"].alt,
				#banner input[type="reset"].alt,
				#banner input[type="button"].alt,
				#banner button.alt,
				#banner .button.alt {
					background-color: rgba(255, 255, 255, 0.6);
					box-shadow: inset 0 0 0 2px #fff;
				}

				#banner .button.alt:hover {
    			background-color: rgba(255, 255, 255, 0.8);
				}

				#banner input[type="submit"].neu,
				#banner input[type="reset"].neu,
				#banner input[type="button"].neu,
				#banner button.neu,
				#banner .button.neu {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px #fff;
				}

				#banner input[type="submit"].neu:hover,
				#banner input[type="reset"].neu:hover,
				#banner input[type="button"].neu:hover,
				#banner button.neu:hover,
				#banner .button.neu:hover {
					background: rgba(255, 255, 255, 0.25);
				}

			/*}*/

			#banner .button.neu.regios {
				background-color: unset;
				box-shadow: none;
				padding: 0;
				font-weight: 400;
				font-size: 1.1em;
				line-height: 3.65em;
			}


				#banner input[type="submit"].alt:active,
				#banner input[type="reset"].alt:active,
				#banner input[type="button"].alt:active,
				#banner button.alt:active,
				#banner .button.alt:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				#banner input[type="submit"].alt.icon:before,
				#banner input[type="reset"].alt.icon:before,
				#banner input[type="button"].alt.icon:before,
				#banner button.alt.icon:before,
				#banner .button.alt.icon:before {
					color: #f8d1d2;
				}

			#banner input[type="submit"].special,
			#banner input[type="reset"].special,
			#banner input[type="button"].special,
			#banner button.special,
			#banner .button.special {
				background-color: #ffffff;
				color: #037362 !important;
			}

		/* #banner:after {
			-moz-transition: opacity 4s ease;
			-webkit-transition: opacity 4s ease;
			-ms-transition: opacity 4s ease;
			transition: opacity 4s ease;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
			top: 0;
			left: 0;
			background-color: #2A2D34;
			opacity: 0.25;
		} */

		#banner .inner {
			max-width: 67rem;
			width: calc(100% - 6em);
			margin: 0 auto;
			position: relative;
			z-index: 10000;
			line-height: 1.5;
		}

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

				#banner .inner {
					max-width: 90%;
					width: 90%;
				}

			}

      #banner .slogan {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        grid-gap: 6rem;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      #banner .slogan h1 {
        font-size: 2.215rem !important;
        line-height: 1.375 !important;
        text-align: left;
        font-weight: 700;
        position: relative;
        margin: 0;
        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
      }

      #banner.home .slogan h1 {
        text-align: center;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
      }

      #banner.org .slogan h1 {
        font-size: 2.29rem !important;
      }

      #banner.org img {
        background-color: #ffffff;
        padding: 0.5em;
      }

      #banner .slogan .slogan-text {
        font-family: inherit;
        font-size: 1.15rem;
        line-height: 1.75;
        font-weight: 400;
        color: #ffffff;
        position: relative;
        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
        margin-top: 1rem;
			}

      #banner.home .slogan .slogan-text {
        text-align: center;
        max-width: 630px;
        margin-left: auto;
        margin-right: auto;
      }

      @media (max-width: 368px) {
        #banner .slogan h1 {
          font-size: 2.15rem !important;
        }
      }

      @media (min-width: 48rem) {
        #banner .slogan h1 {
          line-height: 1.375 !important;
          font-size: 3.1rem !important;
        }
        #banner.home .slogan h1 {
          font-size: 3.9rem !important;
        }
        #banner.wiki .slogan h1 {
          font-size: 2.45rem !important;
        }
        #banner.org .slogan h1 {
          font-size: 2.34rem !important;
        }
        #banner .slogan .slogan-text {
          font-size: 1.25rem;
        }
        #banner.home .slogan .slogan-text {
          font-size: 1.4rem;
        }
      }

      #banner .slogan .slogan-text + div {
        margin-top: 1.5rem;
      }

      #banner.home .slogan .slogan-text + div {
        margin-top: 2rem;
      }

      #banner .slogan .slogan-text + div a.button {
        vertical-align: top;
      }

      #banner .slogan .slogan-text + div a.button:not(:last-child) {
        margin-bottom: 1rem;
      }

      #banner .slogan .slogan-text + div a.button:nth-child(2) {
        margin-left: 1rem;
        margin-right: 1rem;
      }

      #banner .slogan img, #banner .slogan video {
        width: 100%;
        margin-top: 0.75rem;
      }

      @media screen and (max-width: 1000px) {
        #banner .slogan .slogan-hide {
          display: none;
        }
        .mobile-center {
          text-align: center !important;
        }
      }

      /*#banner.home {
        padding-bottom: 10em;
      }*/

			#banner h1 .banner-top {
				color: #ffffff;
				background-color: #21CCB2;
				padding: 0 0.19em;
				margin-bottom: 0.2em;
				white-space: pre;
			}

			#banner h1 .mobile {
				display: none;
			}

			@media screen and (max-width: 900px) {
				#banner h1 .mobile {
					display: inline;
				}
				#banner h1 .desktop {
					display: none;
				}
			}

			#banner h1.old .banner-base {
				color: #3C3C3B;
				background-color: rgba(255, 255, 255, 0.6);
				padding: 0 0.19em;
				margin-bottom: 0.2em;
				white-space: pre;
			}

		body.is-loading #banner:after {
			opacity: 1;
		}

    #banner .slogan-old {
      max-width: 680px;
    }

    #banner h1.old {
      font-size: 2em;
      letter-spacing: 3px;
      font-weight: 700;
      display: flex;
      flex-wrap: wrap;
      margin: 0;
    }

    @media screen and (max-width: 980px) {
      #banner h1.old {
        max-width: 625px;
      }
    }

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

			#banner h1.old {
				font-size: 1.5em;
			}

      #banner h1.old {
        max-width: 485px;
      }

		}

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

			#banner h1.old {
				font-size: 1.1em;
			}

      #banner h1.old {
        max-width: 380px;
      }

		}

		/* Banner partner */

			#banner-partner {
				padding: 8em 0;
				background-color: #2A2D34;
				background-image: url("../../images/together.jpg");
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				text-align: left;
				position: relative;
				z-index: 9999;
			}

				/* #banner-partner:after {
					-moz-transition: opacity 4s ease;
					-webkit-transition: opacity 4s ease;
					-ms-transition: opacity 4s ease;
					transition: opacity 4s ease;
					content: '';
					position: absolute;
					width: 100%;
					height: 100%;
					display: block;
					top: 0;
					left: 0;
					background-color: #2A2D34;
					opacity: 0.25;
				} */

				#banner-partner .inner {
					max-width: 72rem;
					width: calc(100% - 6em);
					margin: 0 auto;
					position: relative;
					z-index: 10000;
					line-height: 1.5;
				}

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

						#banner-partner .inner {
							max-width: 90%;
							width: 90%;
						}

					}

				#banner-partner h1 {
					font-size: 2em;
					margin: 0;
					letter-spacing: 3px;
					font-weight: 700;
					display: flex;
					flex-wrap: wrap;
				}

					#banner-partner h1 .banner-top {
						color: #ffffff;
						background-color: #21CCB2;
						padding: 0 0.19em;
						margin-bottom: 0.2em;
						white-space: pre;
					}

					#banner-partner h1 .banner-base {
						color: #3C3C3B;
						background-color: rgba(255, 255, 255, 0.6);
						padding: 0 0.19em;
						margin-bottom: 0.2em;
						white-space: pre;
					}

				body.is-loading #banner-partner:after {
					opacity: 1;
				}

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

					#banner-partner {
						padding: 8em 0;
					}

				}

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

					#banner-partner {
						padding: 8em 0;
					}

				}

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

					#banner-partner {
						padding: 8em 0;
					}

				}

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

					#banner-partner {
						padding: 8em 0;
					}

						#banner-partner h1 {
							font-size: 1.5em;
						}

				}

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

					#banner-partner {
						padding: 8em 0;
					}

					#banner-partner h1 {
						font-size: 1.1em;
					}

				}

				/* Banner join-success */

					#banner-join-success {
						padding: 9em 0;
						background-color: #2A2D34;
						background-image: url("../../images/together.jpg");
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center;
						text-align: left;
						position: relative;
						z-index: 9999;
					}

						/* #banner-join-success:after {
							-moz-transition: opacity 4s ease;
							-webkit-transition: opacity 4s ease;
							-ms-transition: opacity 4s ease;
							transition: opacity 4s ease;
							content: '';
							position: absolute;
							width: 100%;
							height: 100%;
							display: block;
							top: 0;
							left: 0;
							background-color: #2A2D34;
							opacity: 0.25;
						} */

						#banner-join-success .inner {
							max-width: 72rem;
							width: calc(100% - 6em);
							margin: 0 auto;
							position: relative;
							z-index: 10000;
							line-height: 1.5;
						}

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

								#banner-join-success .inner {
									max-width: 90%;
									width: 90%;
								}

							}

						#banner-join-success h1 {
							font-size: 2em;
							margin: 0;
							letter-spacing: 3px;
							font-weight: 700;
						}

							#banner-join-success h1 .banner-top {
								color: #ffffff;
								background-color: #21CCB2;
								padding: 0.05em 0.3em;
							}

							#banner-join-success h1 .banner-base {
								color: #3C3C3B;
								background-color: rgba(255, 255, 255, 0.6);
								padding: 0.05em 0.3em;
							}

						body.is-loading #banner-join-success:after {
							opacity: 1;
						}

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

							#banner-join-success {
								padding: 8em 0;
							}

						}

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

							#banner-join-success {
								padding: 8em 0;
							}

						}

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

							#banner-join-success {
								padding: 8em 0;
							}

						}

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

							#banner-join-success {
								padding: 8em 0;
							}

								#banner-join-success h1 {
									font-size: 1.5em;
								}

						}

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

							#banner-join-success {
								padding: 8em 0;
							}

							#banner-join-success h1 {
								font-size: 1.1em;
							}

						}

/* Overlay */
#overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(3, 115, 98, 0.8);
	z-index: 10100;
	cursor: pointer;
}

#overlay-map img {
	max-width: 90vw;
	max-height: 90vh;
	position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.overlay-close {
	color: #ffffff;
	position: fixed;
	top: 10px;
	right: 10px;
}

#overlay-share-wrapper {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 10100;
	/* cursor: pointer; */
}
#overlay-popup-wrapper {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 10100;
	/* cursor: pointer; */
}

#overlay-share {
	width: 100vw;
	max-width: 560px;
	max-height: 800px;
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	background-color: #fff;
	box-shadow: 0 0 8px #ccc;
  border: 0.1rem solid #DCDEDD;
  padding: 2rem;
  color: #3C3C3B;
	text-align: left;
}

#overlay-share h2 {
	color: initial;
	text-transform: none;
}

#overlay-share p {
	line-height: 1.5;
}

#overlay-share input {
	width: auto;
	float: left!important;
	margin-right: 16px!important;
}

#overlay-share button {
	float: left!important;
}

.overlay-share-close {
	cursor: pointer;
	text-align: right;
}

/* ShareThis */

.st-animated {
  -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
  -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
  -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
  -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
  transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
  font-family: inherit;
  direction: ltr;
  display: block;
  opacity: 1;
  text-align: left;
  z-index: 94034;
}

.st-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}

.st-btn:last-child {
  margin-right: 0;
}

.st-btn i {
  display: inline-block;
  height: 20px;
  width: 20px;
  /* position: relative; */
  top: 10px;
  vertical-align: top;
}

.st-btn a,
.st-btn div {
  display: inline-block;
  height: 20px;
  /* position: relative; */
  top: 10px;
  vertical-align: top;
  font-size: 114%;
}

.st-btn div:hover {
  cursor: pointer;
}

.st-btn>span {
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 67px;
  opacity: 1;
  padding: 0 6px;
  position: relative;
  vertical-align: top;
}

.st-total {
  color: #555;
  display: inline-block;
  font-weight: 700;
  line-height: 15px;
  margin-right: 0;
  max-width: 80px;
  padding: 4px 8px;
  text-align: center;
}

.st-total>span {
  font-size: 20px;
  line-height: 22px;
  display: block;
  padding: 0;
}

.st-total>span.st-shares {
  font-size: 12px;
  line-height: 12px;
}

.st-btn:hover {
  opacity: .8;
  top: -4px;
}

/*********************************/

#overlay-participants-wrapper {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 10100;
	/* cursor: pointer; */
}

#overlay-participants {
	width: 100vw;
	position: fixed;
	background-color: #fff;
	box-shadow: 0 0 8px #ccc;
  border: 0.1rem solid #DCDEDD;
  color: #3C3C3B;
	text-align: left;
	overflow: hidden;
}

/* FOR MOBILE */
@media screen and (max-width: 47.99875em) {
	#overlay-participants {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
	}

	#overlay-participants .join .participants-list {
		max-height: 80vh;
	}
}

/* FOR DESKTOP */
@media print, screen and (min-width: 48em) {
	#overlay-participants {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
    max-width: 560px;
    max-height: 80vh;
	}

	#overlay-participants .join .participants-list {
		max-height: 43vh;
	}
}

#overlay-participants .overlay-participants-header {
	box-shadow: 0 3px 4px -2px rgba(0,0,0,.7);
	position: relative;
	top: 0; left:0; right:0;
	padding: 1em 2em;
}

#overlay-participants .overlay-participants-header .close {
	width: 100%;
	text-align:right;
}

#overlay-participants .join .participants-list {
	padding: 1em 2em 0 2em;
	overflow-y: auto;
}

.overlay-participants-close {
	cursor: pointer;
	text-align: right;
}

.container-share-wiki {
  display: grid;
  grid-gap: 1rem;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}

.button#share, .button#wiki {
	background-color: #CBFFF5;
  color: #2A2D34 !important;
  font-weight: 400;
  width: 100%;
  padding: 0;
  display: inline-block;
}

.button#share:hover, .button#wiki:hover {
	background-color: #AEF4EA;
}

.button.join-button {
  background-color: #21CCB2;
}

.button.join-button:hover {
	background-color: #6EDECD;
}

#overlay-participants ul.participants-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#overlay-participants .participants-list-wrapper {
	margin-top: 3em;
}

#overlay-participants .participants-list-item:not(:first-child) {
  border-top: 1px solid #DCDEDD;
  padding-top: .25rem;
}

#overlay-participants .participants-list-item {
  padding-bottom: .25rem;
}

#overlay-participants ul.participants-list li {
	padding-left: 0;
	color: #717171;
}

#overlay-participants ul.participants-list li.participants-list-item .participant-wrapper {
	display: flex;
	align-items: center;
	line-height: 1.5;
}

#overlay-participants ul.participants-list li.participants-list-item .participant-wrapper i {
	margin-right: 1rem;
	flex-shrink: 0;
}

#overlay-participants ul.participants-list li.participants-list-item .participant-wrapper #municipality {
	font-weight: 600;
}

/* Main */

	#main {
		padding: 4em 0 2em 0;
	}

	#one {
		padding: 4em 0 4em 0;
	}

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

			#one {
				padding: 4em 0 4em 0;
			}

		}

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

			#one {
				padding: 4em 0 4em 0;
			}

		}

	/* Solutions Grid css-tricks*/

	.solutions#selection {
		margin-bottom: 0;
		width: 100%;
    	overflow-x: hidden;
	}

	.solutions ul.grid, .team ul {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		grid-gap: 2rem;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.grid.reduced {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-gap: 1rem;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.grid.reduced > li .solution-text p {
		display: none !important; /* can be removed when deleted out of component */
	}
		
	ul.grid.reduced > li .solution-top-placeholder {
		height: auto !important;
	}
		
	@media screen and (min-width: 600px) {
		ul.grid.reduced {
			width: 100% !important;
			display: grid;
			grid-template-columns: none !important;
		}
		
		ul.grid.reduced li {
			height: 157px;
			overflow: hidden;
		}
		
		ul.grid.reduced li a .figure-container {
			float:left;
			width: 25%;
		}
		
		ul.grid.reduced li a .solution-text {
			float: left;
			width: 75%;
			overflow: hidden;
		}
		
		ul.grid.reduced > li figure {
			height: 157px;
		}
		
		ul.grid.reduced > li figcaption {
			left: 1rem;
			right: auto;
		}		
	}
		
	@media screen and (min-width: 600px) and (max-width: 800px) {
		ul.grid.reduced > li figcaption {
			display: none;
		}
	}

    .solutions.pricing ul.grid {
      grid-gap: 1.5rem;
    }

    .solutions ul.grid.jobs {
      grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    }

    .solutions.tech ul.grid {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .services ul.grid {
      transform: translateX(0px);
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      grid-gap: 2em;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .services ul.grid li {
      padding: 0 !important;
    }

    .services ul.grid li figure {
      height: 230px;
      overflow: hidden;
      position: relative;
    }

    .services ul.grid li figure img {
      width: 100%;
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;
      overflow: hidden;
      position: absolute;
      margin: 0;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }

    .services .text-wrapper {
      text-align: center;
    }

    .services .text-wrapper p {
      margin: 1rem 0 0 0;
    }

    .services .text-wrapper h4 {
      font-size: 110%;
    }

    @media only screen and (max-width: 715px) {
      .services ul.grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 3em;
      }
    }

    /* delete first below media query once >4 tiles */
    @media only screen and (min-width: 1000px) {
      .solutions.tech ul.grid {
        grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
      }
    }

    @media only screen and (max-width: 695px) {
      .solutions.tech ul.grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      }
      .solutions ul.grid.jobs {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      }
    }

    @media only screen and (max-width: 535px) {
      .solutions.tech ul.grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      }
    }

    .solutions.tech ul.grid > li h3 span.break {
      display: none;
    }

    @media only screen and (max-width: 615px) {
      .solutions.tech ul.grid > li figcaption {
        bottom: 1.3rem !important;
        left: 50% !important;
        transform: translateX(-50%);
        text-align: center;
        width: fit-content;
      }
      .solutions.tech ul.grid > li figcaption > h3 {
        border-radius: 4px !important;
        padding: 0.2rem 0.6rem;
      }
      .solutions.tech ul.grid > li h3 span.break {
        display: inline;
      }
    }

    .solutions ul.grid.search-results {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .solutions ul.grid.search-results li {
      max-width: 336px;
    }

    @media (max-width: 920px) {
      .solutions ul.grid.search-results li {
        max-width: unset;
      }
    }

    .solutions ul.grid.wrap-grid, .team ul.wrap-grid {
		  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    }

    .solutions.pricing ul.grid.wrap-grid {
		  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    @media (min-width: 710px) and (max-width: 1080px) {
      .solutions.pricing ul.grid.wrap-grid {
  		  grid-template-columns: repeat(6, 1fr);
      }
      .solutions.pricing ul.grid.wrap-grid li {
        grid-column: span 2;
      }
      /* Dealing with 2 orphan items */
      .solutions.pricing ul.grid.wrap-grid li:last-child:nth-child(3n - 1) {
        grid-column-end: -2;
      }
      .solutions.pricing ul.grid.wrap-grid li:nth-last-child(2):nth-child(3n + 1) {
        grid-column-end: 4;
      }
    }
    @media (min-width: 500px) and (max-width: 710px) {
      .solutions.pricing ul.grid.wrap-grid {
  		  grid-template-columns: repeat(4, 1fr);
      }
      .solutions.pricing ul.grid.wrap-grid li {
        grid-column: span 2;
      }
      /* Dealing with single orphan */
      .solutions.pricing ul.grid.wrap-grid li:last-child {
        grid-column-end: 4;
      }
    }

    .solutions.faq ul.grid.wrap-grid {
		  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    }

    h1.faq {
      font-size: 2.7em;
    }

    .faq li {
      user-select: none;
      cursor: pointer;
    }
    .faq .svg-active {
      display: none;
    }
    .faq .svg-inactive {
      display: inline-block;
    }
    .faq li.active .svg-active {
      display: inline-block;
    }
    .faq li.active .svg-inactive {
      display: none;
    }
    .faq li#toggle-org.active {
      -webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1), inset 0px 0px 0px 3px #E0A458 !important;
    	box-shadow: 0 8px 32px 0 rgba(0,0,0,.1), inset 0px 0px 0px 3px #E0A458 !important;
    }
    .faq li#toggle-org.active:hover {
      -webkit-box-shadow: 2px 2px 15px #ccc, inset 0px 0px 0px 3px #E0A458 !important;
    	box-shadow: 2px 2px 15px #ccc, inset 0px 0px 0px 3px #E0A458 !important;
    }
    .faq li#toggle-cit.active {
      -webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1), inset 0px 0px 0px 3px #247BA0 !important;
    	box-shadow: 0 8px 32px 0 rgba(0,0,0,.1), inset 0px 0px 0px 3px #247BA0 !important;
    }
    .faq li#toggle-cit.active:hover {
      -webkit-box-shadow: 2px 2px 15px #ccc, inset 0px 0px 0px 3px #247BA0 !important;
    	box-shadow: 2px 2px 15px #ccc, inset 0px 0px 0px 3px #247BA0 !important;
    }
    .faq li#toggle-com.active {
      -webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1), inset 0px 0px 0px 3px #FF1654 !important;
    	box-shadow: 0 8px 32px 0 rgba(0,0,0,.1), inset 0px 0px 0px 3px #FF1654 !important;
    }
    .faq li#toggle-com.active:hover {
      -webkit-box-shadow: 2px 2px 15px #ccc, inset 0px 0px 0px 3px #FF1654 !important;
    	box-shadow: 2px 2px 15px #ccc, inset 0px 0px 0px 3px #FF1654 !important;
    }
    .faq li h4 {
      margin: 0;
    }
    .faq li#toggle-org.active h4 {
      color: #E0A458;
    }
    .faq li#toggle-cit.active h4 {
      color: #247BA0;
    }
    .faq li#toggle-com.active h4 {
      color: #FF1654;
    }
    .solutions.faq ul.grid.wrap-grid > li:nth-last-child(1):nth-child(odd) {
      grid-column: span 1 !important;
      margin: 0 !important;
    }
    @media (max-width: 610px) and (min-width: 356px) {
      .solutions.faq ul.grid.wrap-grid > li:nth-last-child(1):nth-child(odd) {
        grid-column: span 2 !important;
        margin-left: 25% !important;
        margin-right: 25% !important;
      }
    }
    @media (max-width: 680px) {
      .faq li h4 {
        font-size: 83%;
      }
    }
    @media (max-width: 623px) {
      .faq li h4 {
        font-size: 83%;
      }
    }

    .faq .accordion h2 {
      font-family: 'Inter', sans-serif !important;
      font-weight: 600 !important;
    }
    .faq .accordion h2, .faq .accordion p {
      padding-left: 1rem;
      padding-right: calc(1.1rem + 26px) !important;
      margin: 1rem 0rem !important;
    }
    .faq .accordion p {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-weight: 500;
      line-height: 1.7;
    }
    @media screen and (min-width: 1680px) {
      .faq .accordion p {
        font-size: 13.5pt;
      }
    }

    .faq #accordion-org .accordion__title.active a {
      background-color: #E0A458;
    }
    .faq #accordion-cit .accordion__title.active a {
      background-color: #247BA0;
    }
    .faq #accordion-com .accordion__title.active a {
      background-color: #FF1654;
    }

    .faq .accordion__title.active h2 {
      color: #ffffff;
    }

    .faq .accordion__title.active .btop, .faq .accordion__title.active .bmid, .faq .accordion__title.active .bbot {
      background-color: #ffffff;
    }

    .faq .accordion__content {
      margin: 0;
      background-color: rgba(231, 229, 231, 0.5);
    }

    @media (max-width: 1144px) and (min-width: 769px) {
      .solutions:not(.pricing) ul.grid.wrap-grid > li:nth-last-child(1):nth-child(odd), .team:not(.alumni) ul.wrap-grid > li:nth-last-child(1):nth-child(odd) {
        grid-column: span 2;
        margin-left: 25%;
        margin-right: 25%;
      }
    }

    .solutions ul.grid.wrap-grid {
      padding-bottom: 2em;
    }

    .solutions ul.grid.pad-top > li {
      margin-top: 2em;
    }

    .solutions.faq ul.grid.pad-top > li {
      margin-top: 0;
    }

		.solutions ul.grid.slider-container, .solutions.tech ul.grid {
			transform: translateX(0);
      padding-bottom: 2em;
		}

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

      .solutions ul.grid, .team ul {
        grid-gap: 1rem;
      }
    }

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

      .solutions ul.grid, .team ul {
        grid-gap: 1rem;
      }

			.slider-wrapper {
				overflow: hidden;
			}

			.solutions ul.grid.slider-container {
				width: 100%;
				display: inline-flex;
				transform: translateX(0);
				transition: transform 0.3s ease-out;
				cursor: grab;
			}

			.solutions ul.grid.slider-container > li {
				flex-shrink: 0;
				width: 100%;
			}
		}

		.solutions ul.grid > li {
		  border-radius: 4px;
		  overflow: hidden;
			padding: 0;
			-webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
    	box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
		}

		.solutions.wiki ul.grid > li, .solutions.pricing ul.grid > li, .solutions ul.grid.pad-top > li {
			overflow: visible;
		}

		ul.grid.reduced > li {
			border-radius: 4px;
			overflow: hidden;
			padding: 0;
		}

    /* .solutions ul.grid.dark > li {
      box-shadow: 2px 2px 15px #ccc;
    } */

		.team ul > li {
			padding: 0 0 1.5em 0;
		}

		.solutions ul.grid.clickable > li:hover {
			box-shadow: 2px 2px 15px #ccc;
			/*color: #3C3C3B;
			opacity: 1;
    	transform: translateY(-1px);
			border-color: #3C3C3B !important;*/
		}

		/*.solutions ul.grid > li::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: -1;
    	width: 100%;
    	height: 100%;
    	opacity: 0;
    	border-radius: inherit;
    	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.17);
    	transition: all 0.25s ease-in-out !important;
    	outline: 0;
		}*/

		.figure-container {
			position: relative;
			width: 100%;
		}

    .highlight-container {
			position: relative;
			width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin-top: 0.1rem;
      background-color: rgba(231, 229, 231, 0.7);
      font-size: 1rem;
      line-height: 1.4;
      font-weight: 300;
      color: #000000;
      padding: 1rem 0rem;
		}

    .highlight-container > div {
      padding-right: 1rem;
      flex-basis: 33.333%;
    }

    .highlight-container > div:first-child {
      padding-left: 1rem;
    }

    .highlight-container > div span {
      color: #037362;
      font-weight: 500;
    }

    @media screen and (max-width: 650px) {
      .highlight-container > div {
        padding: 0rem 1rem 1rem 1rem;
        flex-basis: 100%;
      }
      .highlight-container > div:last-child {
        padding-bottom: 0rem;
      }
    }

		.solutions ul.grid > li > a, ul.grid.reduced > li > a {
			display: block;
			text-decoration: none;
      height: 100%;
		}

		.solutions ul.grid > li figure, ul.grid.reduced > li figure {
		  height: 180px;
		  overflow: hidden;
		  position: relative;
		}

    .solutions.tech ul.grid > li figure {
      border-radius: 4px;
    }

    .solutions.tech ul.grid > li figure > img:first-of-type {
      width: 101%;
      object-fit: cover;
      overflow: hidden;
      transition: transform .3s cubic-bezier(.17,.67,.83,.67),opacity .3s ease-in,-webkit-transform .3s cubic-bezier(.17,.67,.83,.67);
    }

    .solutions.tech ul.grid > li .figure-container:hover figure > img:first-of-type {
      transform: scale(1.03);
    }

    @media only screen and (min-width: 1000px) {
      .solutions.tech ul.grid > li figure {
        height: 200px;
      }
    }

		.solutions ul.grid > li figure > img:first-of-type, ul.grid.reduced > li figure > img:first-of-type {
		  width: 100%;
			min-width: 100%;
			min-height: 100%;
    	object-fit: cover;
    	overflow: hidden;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
		}

		.team ul > li img {
		  width: 100%;
		}

		.solutions ul.grid > li figcaption, ul.grid.reduced > li figcaption {
		  position: absolute;
      top: 0.6rem;
      right: 1rem;
		}

    .solutions.tech ul.grid > li figcaption {
		  position: absolute;
      top: unset;
      bottom: 0.8rem;
      left: 1rem;
		}

    .solutions ul.grid > li figcaption.center {
      top: -1.25em;
      right: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .solutions ul.grid > li figcaption.center h3 {
      line-height: 2rem;
      font-size: 1rem;
    }

    .solutions ul.grid.pad-top > li .solution-text {
      padding: 2em;
      font-size: 1rem !important;
      line-height: 1.5 !important;
      font-weight: 400;
      text-align: center;
   }

   .solutions.pricing ul.grid.pad-top > li .solution-text {
     padding: 2em 1.4em;
   }

   .solutions.pricing ul.grid.pad-top > li .solution-text > * {
     max-width: 160px;
     margin: auto;
   }

   .solutions.pricing ul.grid.pad-top > li .solution-text .price-top {
     height: calc(4 * 1.5em);
   }

   .solutions.pricing ul.grid.pad-top > li .solution-text .price-middle {
     height: calc(2.5 * 1.5em);
     color: #037362;
     font-weight: 800;
     font-size: 95%;
   }

   .solutions.wiki ul.grid.wrap-grid {
     grid-gap: 3em;
   }

   .solutions.wiki ul.grid > li figcaption {
     top: -2.25em;
     right: auto;
     left: 3%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
   }

   .solutions.wiki ul.grid > li figcaption h3 {
     height: 5.6rem;
     width: 5.6rem;
     padding: 0.5rem;
   }

   .solutions.wiki ul.grid > li figcaption h3 > img {
     height: 4.6rem;
     width: 4.6rem;
   }

   .solutions.wiki ul.grid.pad-top > li .solution-text {
     padding-left: 3.5em;
     padding-top: 2.5em;
     text-align: left;
   }

   @media (max-width: 480px) {
     .solutions.wiki ul.grid.pad-top > li {
       margin-left: 2em;
     }

     .solutions.wiki ul.grid.wrap-grid {
       grid-gap: 2em;
     }

     .solutions.wiki ul.grid > li figcaption {
       left: 0;
     }
   }

   .solutions.wiki-benefits .benefit-wrapper {
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
   }

   .solutions.wiki-benefits .benefit-wrapper > div {
     box-sizing: border-box;
     flex: 0 0 calc(33.33% - 20px);
     color: #717171;
     padding: 10px 20px;
     margin: 10px;
     line-height: 1.4;
     font-weight: 600;
     vertical-align: middle;
     border-radius: 18px;
     border: solid #21CCB2 3px;
     display: flex;
     align-items: center;
     text-align: center;
     min-height: 65px;
   }

   @media (max-width: 870px) {
     .solutions.wiki-benefits .benefit-wrapper > div {
       flex: 0 0 calc(50% - 20px);
     }
   }
   @media (max-width: 520px) {
     .solutions.wiki-benefits .benefit-wrapper > div {
       flex: 0 0 100%;
     }
   }

   .solutions.wiki-benefits .benefit-wrapper > div > .plus {
     margin-right: 10px;
   }

   .solutions.wiki-benefits .benefit-wrapper > div > .content {
     width: 100%;
   }

   #filter-wrapper {
     padding-top: 0.5rem;
   }

		ul.grid > li figcaption > h3, h3.filter-option, .request span.i-type {
			position: relative;
			color: #ffffff;
		  padding: 0.2rem 1rem;
		  font-size: 0.94rem;
			text-transform: none;
			font-weight: 400;
			margin: 0;
			line-height: 1.5rem;
			display: inline-block;
			background-color: #9B9E9E;
			border-radius: 100px;
			pointer-events: none;
		}

    .request span.i-type.darkGreen-bg {
      display: inline-block;
      font-family: Poppins, sans-serif;
      letter-spacing: normal;
      font-weight: 700;
    }

    ul.grid > li figcaption > h3.darkGreen-bg, h3.filter-option.darkGreen-bg.active, .request span.i-type.darkGreen-bg {
      background-color: #037362;
    }

    ul.grid > li figcaption > h3.yellow-bg {
      background-color: #E0A458;
    }

    ul.grid > li figcaption > h3.blue-bg {
      background-color: #247BA0;
    }

    ul.grid > li figcaption > h3.red-bg {
      background-color: #FF1654;
    }

    ul.grid > li figcaption > h3.green-bg {
      background-color: #21CCB2;
    }

    ul.grid > li figcaption > h3.green-bg.alt {
      background-color: #ffffff;
      box-shadow: inset 0 0 0 2px #e7e5e7;
      color: #037362;
    }

    ul.grid > li figcaption > h3 {
      white-space: nowrap;
    }

    h3.filter-option:hover {
      cursor: pointer;
    }

    h3.filter-title {
      position: relative;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5rem;
      display: inline-block;
      color: #9B9E9E;
      margin-bottom: 0;
    }

    h3.filter-title, h3.filter-option {
      margin-right: 0.3rem !important;
    }

		.corner-banner {
			position: absolute;
			top: 0;
			left: 0;
			width: 95px;
			height: auto;
		}

		.corner-flag {
			position: absolute;
			top: .75rem;
			right: .75rem;
      width: 2.2rem;
			height: auto;
			border-radius: 50%;
			box-shadow: 0 0 0.3rem 0.3rem rgba(60,60,59,.1);
		}

		.solutions ul.grid > li .solution-text, ul.grid.reduced > li .solution-text {
			padding: 1rem;
			font-size: 1rem;
			color: #3C3C3B;
		}

    .solutions ul.grid > li .solution-text > span {
      display: block;
      font-size: 2rem;
      display: block;
      font-size: 2rem;
      font-weight: 700;
      padding: 0.5rem 0;
    }

		.solutions ul.grid > li .solution-top-placeholder {
			height: 8rem;
		}

		ul.grid > li .solution-text .title {
		  font-size: 1.7rem;
			font-weight: 200;
		  line-height: 1.5;
		  color: inherit;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		ul.grid > li .solution-text .title.alt {
			font-weight: 400;
			color: #ffffff;
			background-color: #21CCB2;
			padding: 0 0.19em;
			margin-bottom: 0.2em;
		}

		ul.grid > li .solution-text p {
		  font-size: inherit;
      font-weight: 400;
		  line-height: 1.5;
			margin-bottom: 1rem;
			overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    	line-height: 1.5;
    	max-height: 4.5rem;
		}

		ul.grid > li .solution-text .offer {
		  font-size: inherit;
			font-weight: 700;
		  line-height: 1.5;
		  color: inherit;
			margin-bottom: 1rem;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
		}

    ul.grid > li .solution-text .offer.place {
      margin-bottom: 0;
      color: #21CCB2;
    }

    /* @media (min-width: 769px) {
      .solutions.wiki-box .button-holder {
        justify-content: center;
      }
    } */

    .solutions.wiki-box a.button {
      padding: 0 1rem;
      line-height: 2.5em;
      height: 2.5em;
      background-color: transparent;
      color: #9B9E9E !important;
    }

    .solutions.wiki-box a.button:hover {
      color: #21CCB2 !important;
    }

    .solutions.wiki-box a.button.active {
      color: #ffffff !important;
      background-color: #21CCB2;
    }

    .solutions.wiki-box a.button + a.button {
      margin-left: 0.5rem;
    }

    .solutions.wiki-box ul.grid {
      background-color: #E7E5E7;
      padding-bottom: 0;
    }

    .solutions.wiki-box ul.grid > li {
      margin: 0;
      all: unset;
    }

    .solutions.wiki-box ul.grid > li:first-of-type {
      grid-column: 1 / span 2;
    }

    .solutions.wiki-box ul.grid > li .solution-text p {
      all: revert;
      font-size: 110%;
      font-weight: 400;
      line-height: 1.5;
      margin-bottom: 1rem;
    }

    .solutions.wiki-box ul.grid > li .solution-text .list + .list {
      margin-top: 1rem;
    }

    .solutions.wiki-box ul.grid > li .solution-text .list {
      position: relative;
    }

    .solutions.wiki-box ul.grid > li .solution-text .list .number {
      position: absolute;
      top: 50%;
      left: -2rem;
      transform: translate(-50%, -50%);
      font-weight: 700;
      color: #ffffff;
      background-color: #21CCB2;
      border-radius: 100px;
      line-height: 2rem;
      width: 2rem;
      text-align: center;
    }

    @media (max-width: 1000px) {
      .solutions.wiki-box ul.grid {
        grid-gap: 0;
      }
    }

    @media (max-width: 1030px) and (min-width: 753px) {
      .solutions.wiki-box ul.grid > li:last-child {
        grid-column: span 2;
        margin-left: 25%;
        margin-right: 25%;
      }
    }

		.progress-bar-bg {
      position: relative;
			width: 100%;
			margin-bottom: 0.8rem;
			background-color: #E8E8E8;
			border-radius: 0.5rem;
		}
    #product .progress-bar-bg {
      border-radius: 0.6rem;
    }

		.progress-bar-fg {
			height: 0.5rem;
      border-radius: 0.5rem;
			background-color: #037362;
			max-width: 100%;
		}
    #product .progress-bar-fg {
      height: 0.6rem;
      border-radius: 0.6rem;
    }

    .min-max {
      position: absolute;
      height: calc(0.5rem * 3);
      width: 0.5rem;
      margin-top: -1rem;
      border-radius: 5rem;
      z-index: 1000;
      float: left;
      background-color: #037362;
    }

    .min-max.grey {
      background-color: #717171;
    }

    .threshold {
      position: absolute;
      height: 0.5rem;
      width: 0.5rem;
      margin-top: -0.5rem;
      border-radius: 0.5rem;
      z-index:1000;
      float: left;
      background-color: #717171;
    }
    #product .threshold {
      height: 0.6rem;
      width: 0.6rem;
      margin-top: -0.6rem;
      border-radius: 0.6rem;
    }

    .threshold.reached, .min-max.reached {
      background-color: #81B9B1;
    }

    .threshold.next {
      box-shadow: 0 0 0 0 rgba(113, 113, 113, 1);
    	/* transform: scale(1); */
    	animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0% {
        /* transform: scale(0.95);*/
    		box-shadow: 0 0 0 0 rgba(113, 113, 113, 0.7);
    	}
    	70% {
    		/* transform: scale(1); */
    		box-shadow: 0 0 0 8px rgba(113, 113, 113, 0);
    	}
    	100% {
        /* transform: scale(0.95); */
    		box-shadow: 0 0 0 0 rgba(113, 113, 113, 0);
    	}
    }

    .threshold .tooltip, .min-max .tooltip {
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s;
      background-color: #2A2D34;
      color: #fff;
      text-align: center;
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      font-size: 14px;
      border-radius: 4px;
      padding: 5px 7.5px;
      position: absolute;
      z-index: 1;
      bottom: 150%;
      left: 50%;
      transform: translateX(-50%);
			white-space: nowrap;
    }
    .min-max .tooltip {
      bottom: 120%;
    }

    .threshold .tooltip::after, .min-max .tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #2A2D34 transparent transparent transparent;
    }

    .threshold:hover .tooltip, .min-max:hover .tooltip {
      visibility: visible;
      opacity: 1;
    }

		ul.grid > li .solution-text .participants {
		  font-size: inherit;
		  line-height: 1.2;
		  color: #037362;
		}

		ul.grid > li .solution-text .stats {
		  font-size: inherit;
		  line-height: 1.2;
		  color: #656969;
		}

		.solution-text .stats-active {
			margin: 0;
		}

		.stats-active {
			font-size: inherit;
			font-weight: 700;
			line-height: normal;
			color: inherit;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.stats-active.hide {
			display: none;
		}

		.stats-inactive {
			font-size: inherit;
			line-height: inherit;
			color: inherit;
			display: none;
		}

		.stats-inactive.unhide {
			display: inline-block;
		}

		.time-sec, .time-min, .time-h, .time-d, .time-m, .time-y, .anonymous {
			display: none;
		}

		.time-sec.unhide, .time-min.unhide, .time-h.unhide, .time-d.unhide, .time-m.unhide, .time-y.unhide, .anonymous.unhide {
			display: inline-block;
		}

    .solutions ul.grid.compact li table {
      margin: 0;
    }

    .solutions ul.grid.compact li table tr {
      border: none;
    }

    .solutions ul.grid.compact li table tr > td {
      padding: 0;
    }

    .solutions ul.grid.compact li table tr > td:first-child {
      width: 100%;
    }

    .solutions ul.grid.compact li table tr > td figcaption {
      position: static;
      top: auto;
      left: auto;
      right: auto;
    }

    .solutions ul.grid.compact li p {
      -webkit-line-clamp: 3;
      margin-bottom: 0;
    }

/********************************************************************/

section.org-link {
  background-size: cover !important;
  background-position: center !important;
  position: relative;
}

section.org-link .content {
  padding: 2rem 0;
  text-align: center;
}

section.org-link .button {
  background-color: #2A2D34;
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.6);
  color: #ffffff !important;
  margin: 0.5rem;
  width: 10em;
}

section.org-link .button:hover {
  background-color: #404249
}

/********************************************************************/

.one-liner {
	background: none;
	padding: 0;
}

section.one-liner .inner.pop-out .content {
	background-color: #21CCB2;
	padding-top: 2em;
	padding-bottom: 2em;
}

section.one-liner .inner.pop-out .content.lift-down {
	-webkit-transform: translate(0,5.4em);
    -ms-transform: translate(0,5.4em);
    transform: translate(0,5.4em);
    position: relative;
    z-index: 1000;
}

section.one-liner .inner.pop-out .content.lift {
	position: relative;
	z-index: 1000;
}

.one-liner p .i-title {
	color: #21CCB2;
	font-weight: 700;
	font-size: 1rem;
	background-color: #ffffff;
	padding: 0.1em 0.3em;
	line-height: 1.3;
}

.one-liner ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	grid-gap: 3rem;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}

.one-liner ul > li {
	padding: 0;
	color: #ffffff;
	text-align: center;
}

.one-liner ul > li.right {
	grid-column: span 2;
	text-align: left;
}

.one-liner ul > li h2 {
	color: inherit;
	text-transform: none;
	font-size: 1.75em;
}

.one-liner ul > li p {
	color: inherit;
	line-height: 1;
	margin: 0.2em 0 0 0;
}

.one-liner ul > li p + i {
	margin-top: 1.1em;
}

.one-liner ul > li.right p {
	line-height: inherit;
	margin: inherit;
}

/**************************** HOW IT WORKS ****************************/

.how {
	background-color: #FBF8F6;
}

.how h2 {
	color: #21CCB2;
}

.how h4 {
	color: #DCDEDD;
}

section.go-down {
	padding: calc(4em + 5.4em) 0 4em 0;
}

section.go-up {
	padding-bottom: 0 !important;
}

.cd-container {
  width: 100%;
  margin: 0;
  padding: 0;
}
.cd-container::after {
  content: '';
  display: table;
  clear: both;
}

/* --------------------------------

Main components

-------------------------------- */

.how-options {
	text-align: left;
	margin: 0;
	padding: 0;
}

.how-options li {
	margin-top: 1em;
	display: inline-block;
	padding-left: 0;
	padding-right: 0.5em;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  /* margin-bottom: 2em; */
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  height: 100%;
  width: 4px;
  background: #A6EBE0;
  border-radius: 4px;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
	.how h2, .how h4 {
		text-align: center;
	}
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 8px;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #A6EBE0, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
	color: white;
	font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cd-timeline-img {
  background: #21CCB2;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: 10px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

.cd-timeline-content {
  position: relative;
	border: 0.1rem solid #DCDEDD;
  border-radius: 2px;
  padding: 1em;
	box-sizing: content-box;
	margin-left: 44px;
	background-color: #FFFFFF;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
	font-size: 20px;
  font-size: 1.25rem;
	color: inherit;
  margin-top:0;
  margin-bottom: 5px;
}
.cd-timeline-content p {
  color: inherit;
	font-size: 16px;
  font-size: 1rem;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 1em;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #DCDEDD;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 40.5%;
  }
  .cd-timeline-content::before {
    top: 1.6em;
    left: 100%;
    border-color: transparent;
    border-left-color: #DCDEDD;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 1.6em;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #DCDEDD;
  }
	.how-options {
		text-align: center;
	}
}

/********************************************************/

.subsidies, .partners, .instagram {
	display: block;
	position: relative;
	color: #000000;
}

.subsidies h2, .partners h2, .instagram h2 {
	color: inherit;
	text-transform: none;
	font-size: 1.75em;
}

.subsidies p, .partners p, .instagram p {
	color: inherit;
}

.subsidies ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-gap: 3rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.subsidies ul > li {
	padding: 0;
}

.subsidies ul > li.right {
	grid-column: span 2;
}

.button.alt.black {
	box-shadow: inset 0 0 0 2px #000000;
  color: #000000 !important;
}

button.alt.black:hover,
.button.alt.black:hover {
	background: rgba(0, 0, 0, 0.25);
}

/********************************************************/

.promise {
	background: #ffffff;
	color: #3C3C3B;
}

.promise ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-gap: 4rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.promise ul > li {
	padding: 0;
	color: inherit;
}

.promise ul > li.right {
	grid-column: span 2;
}

.promise ul > li img {
	width: 100%;
}

.promise h2 {
	color: inherit;
	text-transform: none;
	font-size: 1.75em;
}

.promise ul > li p {
	color: inherit;
}

.instagram {
	background-color: #FBF8F6;
}

/********************************************************/

/* Moving slider for partner logos */

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-325px * 6)); /*before * 7 and below 14, adapt when increasing number */
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-325px * 6));
  }
}

.slider {
  /* background: white; */
  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
	/* border-radius: 4px; */
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  width: 180px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(325px * 12);
	height: 100%;
}
/* .slider:hover .slide-track {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
} */
.slider, .slider::before, .slider::after {
	height: 115px;
  max-width: 1400px;
}
.slider .slide {
  width: 100%;
	height: 100%;
	display: flex;
  align-items: center;
  justify-content: center;
}
.slider .slide-wrapper {
  height: 100%;
	width: 325px; /*410px;*/
	padding: 0 50px;
}
.slider .slide img {
	max-width: 100%;
	max-height: 100%;
  filter: grayscale(100%);
  opacity: 0.55;
}

@media screen and (max-width: 980px) {
	@-webkit-keyframes scroll {
	  100% {
	    transform: translateX(calc(-205px * 6));
	  }
	}
	@keyframes scroll {
	  100% {
	    transform: translateX(calc(-205px * 6));
	  }
	}
	.slider .slide-track {
	  width: calc(205px * 12);
	}
	.slider, .slider::before, .slider::after {
		height: 100px;
	}
	.slider .slide-wrapper {
  	width: 205px;
		padding: 0 25px;
	}
	.slider::before, .slider::after {
		width: 50px;
	}
}

/* Our Organisers image-text hover effects */

.org-img-wrapper {
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 100%;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  margin: 1rem 0;
}

.org-img-wrapper .img-holder {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 0px;
  padding-bottom: 74.5536%;
}

.org-img-wrapper .img-holder.contain {
  background-size: contain;
}

.org-img-wrapper .img-holder#org-types {
  background-image: url(../../images/org-types/office-show-tablet.jpg);
}

.org-img-wrapper .img-holder#ini-examples {
  background-image: url(../../images/ini-examples/balkonmodul_KEK.jpg);
}

.org-text-outer {
  box-sizing: border-box;
  display: block;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  margin: 1rem 0;
}

.org-text-flex {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 100%;
}

.org-text-inner {
  box-sizing: border-box;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  font-family: Poppins, sans-serif;
  letter-spacing: normal;
  font-weight: 700;
  width: 100%;
}

.org-text, .ini-text {
  box-sizing: border-box;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0.5rem 0rem;
  margin: 0rem;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: bottom;
  font-size: 1.49rem !important;
  line-height: 1.375 !important;
}

.org-text > div, .ini-text > div {
  display: inline-block;
  cursor: pointer;
  color: #9B9E9E;
  font-weight: 700;
}

.org-text.active > div, .ini-text.active > div {
  color: #21CCB2;
  text-decoration: underline !important;
}

@media (max-width: 48rem) {
  .org-text, .ini-text {
    padding: 0.25rem 0rem;
    text-align: center;
  }
  .org-text > div, .ini-text > div {
    font-size: 1.195rem !important;
  }
}

.benefits h2 {
  margin: 0rem 0rem 0.5rem;
  position: relative;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  text-align: left;
  font-weight: 700 !important;
  font-size: 1.925rem !important;
  line-height: 1.375 !important;
}

.benefits h3 {
  margin: 1rem 0rem 0rem;
  position: relative;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  font-weight: 500 !important;
  font-size: 1.2rem !important;
  line-height: 1.375 !important;
  color: #21CCB2;
}

.benefits p {
  position: relative;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  font-weight: 400 !important;
  margin: 0.5rem 0rem !important;
  font-size: 1.15rem !important;
  line-height: 1.6 !important;
}

.benefits.citizens p {
  font-size: 1.125rem !important;
  line-height: 2 !important;
  font-weight: 500 !important;
  margin-bottom: 1rem !important;
}

/*
.partners ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-gap: 3rem;
	list-style: none;
	margin: 0;
	padding: 1rem 1rem;
	background: #ffffff;
}

.partners ul > li {
	padding: 0;
	color: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.partners ul > li img {
	width: 100%;
}
*/

ul.ul-in-ul {
	margin: 0 0 0 1em;
}

ul.ul-in-ul li {
	color: #656969;
	padding-left: 0;
}


/********************************************************/

	#two {
		padding: 4em 0;
		background: #21CCB2;

	}

		#two .inner {
			display: -ms-flexbox;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
		}

			#two .inner article {
				width: 50%;
			}

				#two .inner article:first-child {
					padding-right: 6em;
				}

				#two .inner article:last-child {
					padding-left: 6em;
				}

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

			#two {
				padding: 4em 0 2em 0;
				background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 50%, #f7f7f7 0%, #f7f7f7 100%);
				background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 50%, #f7f7f7 0%, #f7f7f7 100%);
				background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 50%, #f7f7f7 0%, #f7f7f7 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f7f7f7',GradientType=0 );
			}

				#two .inner {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

					#two .inner article {
						width: 100%;
					}

						#two .inner article:first-child {
							padding-right: 0;
							padding-bottom: 2em;
						}

						#two .inner article:last-child {
							padding-left: 0;
							padding-top: 2em;
						}

		}

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

			#two {
				padding: 2em 0 0.1em 0;
			}

		}

	#three {
		padding: 6em 0 4em 0;
	}

		#three .inner {
			display: -ms-flexbox;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			-ms-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-pack: justify;
		}

			#three .inner article {
				width: 26%;
				display: block;
			}

				#three .inner article p {
					color: #717171;
				}

				#three .inner article .icon {
					color: #b3b3b3;
					font-size: 3em;
				}

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

				#three .inner {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

					#three .inner article {
						width: 100%;
						margin: 0 auto;
					}

			}

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

			#three {
				padding: 4em 0 2em 0;
			}

		}

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

			#three {
				padding: 2em 0 0.1em 0;
			}

		}

/* Contact Form */

#contact-form {
	background-color: #037362;
	color: #ffffff;
	padding: 4em 0 2em 0;
	background: #037362;
}

	#contact-form input, #contact-form select, #contact-form textarea {
		color: #fceced;
	}

	#contact-form .select-wrapper option {
		color: #3C3C3B;
	}

	#contact-form a {
		color: #ffffff;
	}

	#contact-form strong, #contact-form b {
		color: #ffffff;
	}

	#contact-form h1, #contact-form h2, #contact-form h3, #contact-form h4, #contact-form h5, #contact-form h6 {
		color: #fff;
	}

	#contact-form h2 {
		text-transform: none;
	}

	#contact-form h3 {
		color: #7C9D94;
	}

	#contact-form h4 {
		text-transform: none;
		margin: 1em 0 0 0;
	}

	#contact-form h4 + h4 {
		margin: 0;
	}

	#contact-form label {
		text-transform: none;
	}

	#contact-form blockquote {
		border-left-color: #fff;
	}

	#contact-form code {
		background: none;
		border-color: #fff;
	}

	#contact-form hr {
		border-bottom-color: #fff;
	}

	#contact-form input[type="submit"],
	#contact-form input[type="reset"],
	#contact-form input[type="button"],
	#contact-form button,
	#contact-form .button {
		background-color: #5a5a5a;
		color: #ffffff !important;
	}

		#contact-form input[type="submit"]:hover,
		#contact-form input[type="reset"]:hover,
		#contact-form input[type="button"]:hover,
		#contact-form button:hover,
		#contact-form .button:hover {
			background-color: #676767;
		}

		#contact-form input[type="submit"]:active,
		#contact-form input[type="reset"]:active,
		#contact-form input[type="button"]:active,
		#contact-form button:active,
		#contact-form .button:active {
			background-color: #4d4d4d;
		}

		#contact-form input[type="submit"].alt,
		#contact-form input[type="reset"].alt,
		#contact-form input[type="button"].alt,
		#contact-form button.alt,
		#contact-form .button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #fff;
			color: #ffffff !important;
		}

			#contact-form input[type="submit"].alt:hover,
			#contact-form input[type="reset"].alt:hover,
			#contact-form input[type="button"].alt:hover,
			#contact-form button.alt:hover,
			#contact-form .button.alt:hover {
				background: rgba(255, 255, 255, 0.25);
			}

			#contact-form input[type="submit"].alt:active,
			#contact-form input[type="reset"].alt:active,
			#contact-form input[type="button"].alt:active,
			#contact-form button.alt:active,
			#contact-form .button.alt:active {
				background-color: rgba(255, 255, 255, 0.2);
			}

			#contact-form input[type="submit"].alt.icon:before,
			#contact-form input[type="reset"].alt.icon:before,
			#contact-form input[type="button"].alt.icon:before,
			#contact-form button.alt.icon:before,
			#contact-form .button.alt.icon:before {
				color: #f8d1d2;
			}

		#contact-form input[type="submit"].special,
		#contact-form input[type="reset"].special,
		#contact-form input[type="button"].special,
		#contact-form button.special,
		#contact-form .button.special {
			background-color: #ffffff;
			color: #037362 !important;
		}

	#contact-form label {
		color: #ffffff;
	}

	#contact-form input[type="text"],
	#contact-form input[type="password"],
	#contact-form input[type="email"],
	#contact-form input[type="tel"],
	#contact-form input[type="number"],
	#contact-form select,
	#contact-form textarea {
		background: none;
		border-color: rgba(255, 255, 255, 0.25);
	}

		#contact-form input[type="text"]:focus,
		#contact-form input[type="password"]:focus,
		#contact-form input[type="email"]:focus,
		#contact-form input[type="tel"]:focus,
		#contact-form input[type="number"]:focus,
		#contact-form select:focus,
		#contact-form textarea:focus {
			border-color: #ffffff;
			box-shadow: 0 0 0 1px #ffffff;
		}

	#contact-form input::-webkit-outer-spin-button,
	#contact-form input::-webkit-inner-spin-button {
		display: none;
		-webkit-appearance: none;
		margin: 0;
	}

	#contact-form .digits input {
		display: inline-block;
		width: 3.25em;
		padding: 0;
		text-align: center;
	}

	#contact-form #error-code {
		color: #A20021;
		font-weight: 700;
		padding: 0;
		margin: 0.75rem;
	}

	#contact-form input.error {
		border-color: #F52F57;
		background-color: #A20021;
		color: #fff;
	}

	#contact-form .select-wrapper:before {
		color: #fff;
	}

	#contact-form input[type="checkbox"] + label,
	#contact-form input[type="radio"] + label {
		color: #fff;
	}

		#contact-form input[type="checkbox"] + label:before,
		#contact-form input[type="radio"] + label:before {
			background: none;
			border-color: #fff;
		}

	#contact-form input[type="checkbox"]:checked + label:before,
	#contact-form input[type="radio"]:checked + label:before {
		background-color: #ffffff;
		border-color: #ffffff;
		color: #037362;
	}

	#contact-form input[type="checkbox"]:focus + label:before,
	#contact-form input[type="radio"]:focus + label:before {
		border-color: #ffffff;
		box-shadow: 0 0 0 1px #ffffff;
	}

	#contact-form ::-webkit-input-placeholder {
		color: #f8d1d2 !important;
	}

	#contact-form :-moz-placeholder {
		color: #f8d1d2 !important;
	}

	#contact-form ::-moz-placeholder {
		color: #f8d1d2 !important;
	}

	#contact-form :-ms-input-placeholder {
		color: #f8d1d2 !important;
	}

	#contact-form .formerize-placeholder {
		color: #f8d1d2 !important;
	}

	#form-content.toggle-form {
		height: 0;
		overflow: hidden;
	}
	#form-verification {
		display: none;
	}
	#form-verification.toggle-form {
		display: block;
	}

	.existing-entry {
		display: none;
    color: #F52F57;
    font-weight: 400;
    line-height: normal;
    text-shadow: 0 0 2px #000;
	}

	.button.alt.round {
		border-radius: 2.3em;
    height: 2.3em;
		width: 16em;
    line-height: 2.3em;
    padding: 0 1.15em;
    border: none;
    box-shadow: inset 0 0 0 1px #fff !important;
    font-weight: 400;
    margin: 1.15em 0;
    text-transform: none;
	}

	.button.round-large {
    padding: 0 1em;
    background: #a6ebe0;
    line-height: 1em;
    height: 2.4em;
    border-radius: 2.4em;
	}

	.button.round-large:focus {
		outline: none;
	}

	.button.round-large:hover {
    opacity: 0.75;
	}

	.button.round-large.active {
    background: #21CCB2;
	}

	#how-collective, #how-interest {
		display: none;
	}


/* Product */

#product > .inner .row-product {
  display: flex;
	/* column-gap: 2rem; only newer browsers */
}

/* #product > .inner .row-product * {
	flex: 1 100%; --- We tell all items to be 100% width, via flex-basis
} */

#product > .inner .column.left {
  flex-basis: 70%;
	flex-grow: 0;
  flex-shrink: 0;
}

#product > .inner .column.left.request {
  flex-basis: 66.666%
}

#product > .inner .column.right {
  flex-basis: auto;
	margin-left: 2rem; /* to support column gap for all browsers */
  width: 100%;
}

@media screen and (max-width: 900px) {
	#product > .inner .row-product {
		flex-direction: column;
	}
}

#product .top-image {
	position: relative;
}

#product .top-image img {
	width: 100%;
	display: block;
	/* margin-bottom: 2em; */
}

#product .row-product-inner {
  display: flex;
	/* column-gap: 2rem; only newer browsers */
}

.title-image-wrapper {
	position: relative;
}

.credits-image-wrapper {
	position: relative;
}

.credits-image {
	display: block;
}

.credits {
	display: inline-block;
	font-size: 80%;
	font-weight: 400;
	margin: 0;
}

.credits-on-top {
	padding-left: 7px;
	padding-right: 7px;
	background-color: rgba(231, 229, 231, 0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
}


/* ********************* SWIPER *************************** */
.additional-images, .swiper {
	position: absolute !important;
	top: calc(7px - 0.25rem) !important;
	right: 7px !important;
	height: 100%;
	overflow: visible !important;
}

.additional-images-wrapper, .swiper-wrapper {
	display: block !important;
}

.additional-image-item, .swiper-slide {
	padding: 0.15rem 0 !important;
	max-width: fit-content;
}

.additional-image-item-inner {
	background-color: #fff;
	height: 100% !important;
  width: auto !important;
}


.additional-images-wrapper img, .swiper-wrapper img {
	height: 100% !important;
	width: auto !important;
	border:2px solid #fff;
	background-color:#fff !important;
	object-fit: cover !important;
}

#product > .inner .column.left .figure-container {
	overflow: hidden;
	margin-bottom: 1rem;
}

.reset-transform {
	transform: translate3d(0px, 0px, 0px);
}

.swiper-button-prev, .swiper-button-next {
	--swipe-arrow-size: 40px;
	width: var(--swipe-arrow-size) !important;
	height: var(--swipe-arrow-size) !important;
	background-color: rgba(0,0,0,0.5) !important;
	border-radius: 50% !important;
}

.swiper-button-prev::after, .swiper-button-next::after {
	font-size: 28px !important;
	font-weight: 600 !important;
	color: #f3f3f3;
	opacity: 0.7;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

.swiper-button-prev, .swiper-button-next {
	transform: rotate(90deg) translateY(50%) !important;
	right: 0 !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
}

.swiper-button-prev {
	top: 26px !important;
}
.swiper-button-next {
	top: auto !important;
	bottom: 10px !important;
}

.swiper-selected {
	border: solid 2px #037362 !important;
	opacity: 0.65;
}




@media screen and (max-width: 736px) {
	.swiper-button-prev, .swiper-button-next {
		transform: rotate(0deg) !important;
		top: 50% !important;
	}

	.swiper-button-prev {
		left: 5px !important;
		right: auto !important;
	}
	.swiper-button-next {
		right: 5px !important;
		left: auto !important;
	}

	.additional-images, .swiper {
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
		margin-top: 1rem;
		max-height: none;
		width: auto;
		height: auto;
    margin-left: -0.20rem !important;
    margin-right: -0.20rem !important;
	}

	.additional-images-wrapper, .swiper-wrapper  {
		display: inline-flex !important;
		align-items: center !important;
		width: 100% !important;
	}

	.additional-image-item, .swiper-slide {
		padding: 0 0.20rem !important;
	}

	.additional-images-wrapper img, .swiper-wrapper img {
		border: none;
		width: 100% !important;
	}

}

#product .row-product-inner.top {
	margin-top: 1.5em;
}

#product .column-inner-left {
	flex-basis: 33.333%;
  flex-grow: 0;
  flex-shrink: 0;
	padding-right: 2rem; /* to support column gap for all browsers */
}

#product .column-inner-left img {
	width: 100%;
}

#product .column-inner-left img.org-logo-left {
	margin: 0;
  width: 100%;
  background-color: #ffffff;
  border-radius: unset;
  border: none;
}

@media screen and (max-width: 900px) {
	#product .column-inner-left img {
		border-radius: 0%;
	}
  #product .column-inner-left img.org-logo-left {
    display: none;
  }
}

#product .column-inner-right, .customer ul {
  flex: auto;
  font-weight: 400;
  font-size: 1.15rem;
  overflow: hidden;
}

#product .column-inner-right a {
  text-decoration: underline;
}

@media screen and (max-width: 900px) {
	#product .row-product-inner {
		flex-direction: column;
	}
	#product .column-inner-left {
		margin-right: 0; /* to support column gap for all browsers */
	}
}

#product .row-product h2, .team h2, .faq h2 {
	text-transform: none;
	font-size: 1.226rem;
	line-height: 1.375;
  color: #037362;
  margin: 1rem 0rem 0.3rem 0rem;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.faq h2 {
  color: #2A2D34;
}

#product .row-product h2, .faq h2 {
  padding-right: 43px;
}

#product .row-product h2 {
	margin-top: 0.2em;
  line-height: 1.75;
}

#product #line-top-bottom {
	font-weight: 400;
  font-size: 1.15rem;
	line-height: 1.5;
	margin-bottom: 1.5em;
	position: relative;
	color: #717171;
}

#product #line-top-bottom > div {
  display: inline-block;
}

#product #line-top-bottom.show-lines {
  border-top: 2px solid #717171;
  border-bottom: 2px solid #717171;
  padding: 0.4rem 0;
  overflow: hidden;
}

#product #line-top-bottom.show-lines nobr {
  display: inline-block;
  float: left;
}

#product #line-top-bottom.show-lines .i-type-wrap {
  display: inline-block;
}

#product #line-top-bottom.show-lines .i-type-wrap {
  display: inline-block;
  float: right;
}

@media screen and (max-width: 500px) {
  #product #line-top-bottom.show-lines .i-type-wrap {
    width: 100%;
    display: block;
    float: none;
  }
  #product #line-top-bottom.show-lines span.i-type {
    float: left;
    margin-top: 0.4rem;
  }
}

/* #product #line-top-bottom nobr {
  display: block;
} */

#product #line-top-bottom span.lines-icon {
  width: 1.2em;
  text-align: center;
  display: inline-block;
}

#product #line-top-bottom strong {
  color: #037362;
  font-weight: 700;
}

#product #line-top-bottom a {
  text-decoration: none;
}

#product #line-top-bottom a:hover {
  text-decoration: underline;
}

#product #one-liner-solution {
	font-weight: 700;
	color: #717171;
	margin-top: 0;
}

#product .row-product p, .customer p {
  margin-bottom: 1.25rem;
  line-height: 1.75;
  font-weight: inherit;
  font-size: inherit;
}

#product .row-product p + div, #product .row-product p + h2 {
	margin-top: 1.5em;
}

#product .company {
	background-color: #DCDEDD;
	background: #DCDEDD;
	color: inherit;
	padding: 1.2em;
	border-radius: 4px;
}

#product .company h2 {
	text-transform: none;
	margin-bottom: 0.2em;
	color: inherit;
	font-size: 1.5rem;
	font-weight: 900;
}

#product .ruler {
	width: 100%;
	height: 2px;
	margin: 3em 0;
	background-color: #037362;
	background: #037362;
}

#product .column.right .join {
	box-sizing: border-box;
	width: 100%;
	/* display: flex; */
	position: -webkit-sticky;
	position: sticky;
	top: 1rem;
	/* box-shadow: 2px 2px 15px #ccc;
	border: 0.1rem solid #DCDEDD; */
	padding: 1.5rem;
	border-radius: 4px;
  -webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.18);
  box-shadow: 0 8px 32px 0 rgba(0,0,0,.18);
	color: #717171;
  font-weight: 400;
  font-size: 1.1rem;
}

.join.desktop {
	transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

#product .request img {
  width: 100% !important;
  margin-bottom: 0.5rem !important;
}

#product .mobile.request {
  box-sizing: border-box;
  width: 100%;
  padding: 1.5rem;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 32px 0 rgb(0 0 0 / 18%);
  box-shadow: 0 8px 32px 0 rgb(0 0 0 / 18%);
  text-align: center;
  margin-top: 4em;
}

#product .mobile.request img {
  height: auto;
  max-height: 16em;
  width: auto !important;
  max-width: 100%;
}

#product .request .request-org-descr {
  padding-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 300;
  color: #000000;
  text-align: left;
}

#product .request .request-org-descr .request-org-name {
  color: #037362;
  font-weight: 500;
}

#product .join {
	color: #717171;
}

#product .join.mobile {
	margin-bottom: 1em;
}

#product .join .participant-stats {
	color: #037362;
	font-size: inherit;
	line-height: 1;
	margin-bottom: 0.5em;
}

#product .join .participant-stats #current-participants {
	color: #717171;
	font-size: 1.4rem;
	font-weight: 700;
}

#product .join .progress-bar-bg {
	margin-bottom: 0.2rem;
}

#product .join .day-stats {
	color: inherit;
	font-size: inherit;
}

#product .join .day-stats #days-to-go {
	font-size: 1.4rem;
}

#product .join .small-print {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 1em;
}

#product .join .details.small-print {
	margin-bottom: 0;
}

#product .button#share, #product .button#wiki {
  margin-bottom: 0.5em;
}

.disabled {
	cursor: not-allowed;
}

.disabled a.join-button {
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	background-color: #C0DCD8;
}

#product ul.participants-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
  font-weight: 300;
}

#product .participants-list-wrapper > div {
	border-bottom: 1px solid #eee;
}

#product .participants-list-wrapper .participants-list {
	padding-top: .25rem;
	margin-top: 1em;
}

#product .participants-list-wrapper .participants-list .participants-list-item {
	border-top: none;
}

#product .participants-list-item:not(:first-child) {
  border-top: 1px solid #DCDEDD;
  padding-top: .25rem;
}

#product .participants-list-item {
  padding-bottom: .25rem;
}

#product ul.participants-list li {
	padding-left: 0;
	color: #717171;
}

#product ul.participants-list li.participants-list-item .participant-wrapper {
	display: flex;
	align-items: center;
	line-height: 1.5;
}

#product ul.participants-list li.participants-list-item .participant-wrapper i {
	margin-right: 1rem;
	flex-shrink: 0;
}

#product ul.participants-list li.participants-list-item .participant-wrapper #municipality {
	font-weight: 600;
}

/*
#product .column.right .join .participant {
	border-top: 2px solid #DCDEDD;
}

#product .column.right .join .participant i {
	float: left;
}

#product .column.right .join .participant .participant-info {
	float: right;
	line-height: 1.5;
} */

/*
#product .column.right .join .participants-list .participant-info #name {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	display: inline-block;
	flex-grow: 0;
}

#product .column.right .join .participants-list .participant-info .details.small-print {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	display: inline-block;
	flex-grow: 0;
} */

#product .button#show-all {
	padding: 0 1.4em;
	height: auto;
	box-shadow: inset 0 0 0 1px #037362;
	border-radius: 50px;
  line-height: 2em;
  font-weight: 600;
	margin-top: 1em;
}

@media screen and (max-width: 900px) {
	#product .column.right .join {
		margin-top: 3em;
	}
}

#product .button.mobile {
  /* -webkit-box-shadow: 0px 0px 15px 7px rgba(231,229,231,0.7);
  box-shadow: 0px 0px 15px 7px rgba(231,229,231,0.7); */
  box-shadow: inset 0 0 0 1px #21ccb2;
  z-index: 9999;
  position: fixed;
	bottom: 0;
  width: 39%;
  height: 3rem;
  padding: 0;
  line-height: 3rem;
  font-size: 1.15rem;
  /* font-family: Poppins, sans-serif; */
  letter-spacing: normal;
  font-weight: 700;
}

#product .button.mobile#share {
  float: right;
	right: 0;
  margin: 0 calc(3rem + 39% / 2 + 1rem) 2rem 0;
  color: #2A2D34;
  font-weight: 400;
  width: calc(39% / 2 - 0.5rem);
}

#product .button.mobile#wiki {
  float: right;
	right: 0;
  margin: 0 3rem 2rem 0;
  color: #2A2D34;
  font-weight: 400;
  width: calc(39% / 2 - 0.5rem);
}

#product .button.mobile.join-button {
  float: left;
	left: 0;
  margin: 0 0 2rem 3rem;
}

.join.mobile {
  margin-top: 0.3rem;
}

@media screen and (max-width: 480px) {
  #product .button.mobile {
    width: 42.5%;
  }
  #product .button.mobile#share {
    width: calc(42.5% / 2 - 0.5rem);
    margin: 0 calc(5vw + 39% / 2 + 1rem) 5vw 0;
  }
  #product .button.mobile#wiki {
    width: calc(42.5% / 2 - 0.5rem);
    margin: 0 5vw 5vw 0;
  }
  #product .button.mobile.join-button {
    margin: 0 0 5vw 5vw;
  }
}

@media screen and (max-width: 900px) {
	#product .join.desktop {
		display: none;
	}
}

@media screen and (min-width: 901px) {
	#product .join.mobile, #product .participants-list-wrapper, #product .button.mobile {
		display: none;
	}
}

@media screen and (min-width: 901px) {
  .local-leader-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 900px) {
  .local-leader-desktop {
    display: none !important;
  }
}

.accordion {
  display: block;
  position: relative;
  width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion__item {
  display: block;
  width: 100%;
  /* margin-bottom: 0.4em; */
	padding: 0;
}
.accordion__item:last-child {
  margin-bottom: 0;
}

.accordion__title, .column-inner-right {
  display: block;
  position: relative;
}
.column-inner-right .accordion__title {
	border-bottom: 1px solid #E7E5E7;
  overflow: hidden;
  transition: background-color 0.2s;
}
.accordion__title .column-inner-right {
	border-bottom: 1px solid #E7E5E7;
  overflow: hidden;
  transition: background-color 0.2s;
}
.column-inner-right .accordion__title:hover {
  background-color: #fafafa;
	text-decoration: none;
}
.column-inner-right .accordion__title.active {
  background: #FBF8F6;
}
.accordion__title .column-inner-right:hover {
  background-color: #fafafa;
	text-decoration: none;
}
.accordion__title.active .column-inner-right {
  background: #FBF8F6;
}
.accordion__title.active .x7 {
  transform: rotate(-90deg);
}
.accordion__title.active .x7 .btop {
  width: 67%;
  top: 2px;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: 50% 50%;
}
.accordion__title.active .x7 .bmid {
  opacity: 0;
}
.accordion__title.active .x7 .bbot {
  width: 67%;
  bottom: 2px;
  transform: translateY(50%) rotate(45deg);
  transform-origin: 50% 50%;
}

.accordion__content {
  position: relative;
  overflow: hidden;
	height: 0;
	transition: height 0.25s ease-out;
}

.accordion__content:last-child {
	margin-top: 0;
}

.column-inner-right .accordion__content {
	border-bottom: 1px solid #eee;
}

.accordion__content .column-inner-right {
	border-bottom: 1px solid #eee;
	text-decoration: none;
}
.accordion__content .column-inner-right .image img {
	max-width: 100%;
}

.bmenu {
  width: 26px;
  height: 16px;
  display: block;
  position: absolute;
  right: 15px;
  top: 18px;
}

.btop, .bmid, .bbot {
  right: 0;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #037362;
  border-radius: 1px;
}

.faq #accordion-org .btop, .faq #accordion-org .bmid, .faq #accordion-org .bbot {
  background-color: #E0A458;
}

.faq #accordion-cit .btop, .faq #accordion-cit .bmid, .faq #accordion-cit .bbot {
  background-color: #247BA0;
}

.faq #accordion-com .btop, .faq #accordion-com .bmid, .faq #accordion-com .bbot {
  background-color: #FF1654;
}

.btop {
  width: 40%;
}

.bmid {
  width: 60%;
}

.bbot {
  width: 80%;
}

.x7 {
  transition: transform 0.3s ease-out;
  transform-origin: 60% 75%;
}
.x7 .btop {
  top: 0;
  transition: width 0.3s, transform 0.3s, top 0s;
  transition-timing-function: ease-out;
}
.x7 .bmid {
  top: calc(50% - 1px);
  transform-origin: 100% 50%;
  transition: opacity 0.1s;
  transition-timing-function: ease-out;
}
.x7 .bbot {
  bottom: 0;
  transition: width 0.3s, transform 0.3s, bottom 0s;
  transition-timing-function: ease-out;
}

.customer {
	color: #3C3C3B;
	padding: 0;
}

.customer ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-gap: 3rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.customer ul > li {
	padding: 0;
	color: inherit;
}

.customer ul > li.left {
	grid-column: span 2;
}

.customer ul > li img {
	width: 100%;
}

.customer h2 {
	text-transform: none;
	margin-bottom: 1em;
	color: inherit;
	font-size: 1.588rem;
	line-height: 1.5;
}

.customer ul > li p {
	color: inherit;
	margin-bottom: 1em;
}

/* TBD FLEX COLUMNS
#customer > .inner .row-product {
  display: flex;
	flex-wrap: wrap;
	column-gap: 2rem;
}

#customer > .inner .column.left {
  flex-basis: 66.66%;
	flex-grow: 0;
  flex-shrink: 0;
}

#customer > .inner .column.right {
  flex-basis: auto;
	flex-grow: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 900px) {
	#customer > .inner .row-product {
		flex-direction: column;
	}
} */

/* TBD Grid
#customer ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-gap: 3rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

#customer ul > li {
	padding: 0;
	color: inherit;
}

#customer ul > li.left {
	grid-column: span 2;
}

#customer ul > li img {
	width: 100%;
}

#customer ul > li p {
	color: inherit;
}**/


/*** DELETE BELOW GRID

#product ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(212.5px, 1fr));
	grid-gap: 2rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

#product ul > li {
	padding: 0;
	color: inherit;
	text-align: left;
}

#product ul > li h2 {
	color: inherit;
	text-transform: none;
	font-size: 1.75em;
}

#product ul > li p {
	color: inherit;
}

#product ul > li.top-image {
	grid-column: span 4;
}

#product ul > li.description, #product ul > li.costs, #product ul > li.sustainability {
	grid-column: span 3;
} **/

.team p, .team a, .team strong {
  color: inherit;
	padding-bottom: 0;
	margin: 0;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.employee-wrapper {
  width: 100%;
	height: 0;
	padding-top: 100%;
  /* aspect-ratio: 1 / 1; only supported in Chromium */
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

/* aspect-ratio workaround for all browsers */
.employee-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

.employee-wrapper img {
  border-radius: 50%;
  width: 100%;
  transition: transform .3s;
}

.employee-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  transition-delay: .3s;
  /* background-color: #008CBA; */
  border-radius: 50%;
}

.employee-overlay:hover {
  opacity: 1;
}

.employee-wrapper:hover img {
  transform: scale(1.05);
}

.employee-text {
  width: 100%;
  height: 100%;
  background: radial-gradient(
    ellipse at center,
    rgba(3, 115, 98, 0.9) 0%,
    rgba(3, 115, 98, 0.78) 70%,
    rgba(3, 115, 98, 0.78) 70.3%
  );
  position: relative;
  margin: 0;
}

.employee-text p {
  height: 100%;
  /* font-size: 17px; */
	font-weight: 400;
  line-height: 1.25;
	color: #FFFFFF;
  padding: 0;
  margin: 0;
  text-align: center;
  text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s ease-in-out,transform 0.2s ease-in-out;
  transition-delay: .3s;
  opacity: 0;
  transform: scale(0.9);
}

.employee-overlay:hover .employee-text p {
  opacity: 1;
  transform: scale(1);
  transition-delay: 250ms;
}

.employee-text::before {
  content: "";
  width: 50%;
  height: 100%;
  float: left;
  shape-outside: polygon(
    0 0,
    98% 0,
    50% 6%,
    23.4% 17.3%,
    6% 32.6%,
    0 50%,
    6% 65.6%,
    23.4% 82.7%,
    50% 94%,
    98% 100%,
    0 100%
  );
  shape-margin: 7%;
}

.employee-text p::before {
  content: "";
  width: 50%;
  height: 100%;
  float: right;
  shape-outside: polygon(
    2% 0%,
    100% 0%,
    100% 100%,
    2% 100%,
    50% 94%,
    76.6% 82.7%,
    94% 65.6%,
    100% 50%,
    94% 32.6%,
    76.6% 17.3%,
    50% 6%
  );
  shape-margin: 7%;
}

/* Footer */

	#footer {
		background-color: #2A2D34;
		color: #ffffff;
		padding: 0;
		box-shadow: 0 -11px 11px 0 rgba(0,0,0,.1);
    font-size: 1rem !important;
	}

		#footer i {
			color: #ffffff;
		}

		#footer .inner {
			padding: 4em 0;
		}

		#footer a {
			color: #ffffff;
			text-decoration: none;
		}

		#footer a:hover {
    	opacity: 0.75;
		}

		#footer ::-webkit-input-placeholder {
			color: #f8d1d2 !important;
		}

		#footer :-moz-placeholder {
			color: #f8d1d2 !important;
		}

		#footer ::-moz-placeholder {
			color: #f8d1d2 !important;
		}

		#footer :-ms-input-placeholder {
			color: #f8d1d2 !important;
		}

		#footer .formerize-placeholder {
			color: #f8d1d2 !important;
		}

		#footer .inner {
			line-height: 1em;
			color: inherit;
		}

		#footer .copyright {
			font-size: 0.9em;
			margin: 0 0 2em 0;
			padding: 0;
		}

			#footer .copyright a {
				color: #ffffff;
			}

      #footer option {
        background-color: #2A2D34;
        color: #ffffff;
      }

		.footer-grid {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			margin-bottom: 3em;
		}

		.footer-grid .footer-4 {
			width: 100%;
			margin-bottom: 1em;
		}

		@media print, screen and (min-width: 60em) {
			.footer-grid .footer-4 {
				width: 25%;
				-webkit-flex-basis: auto;
		    -ms-flex-preferred-size: auto;
		    flex-basis: auto;
			}
		}

		@media print, screen and (min-width: 60em) {
			.footer-grid .footer-4:not(:first-child) {
				padding-left: 3rem;
				padding-top: 0.85em;
			}
		}

		.footer-grid ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.footer-grid .footer-4 ul li {
			padding: 0 0 1em 0;
		}

		#footer .logo {
			font-family: 'Pacifico', cursive;
			display: inline-block;
			height: inherit;
			line-height: inherit;
			margin: 0 0 1em 0;
			padding: 0;
			color: #ffffff;
			font-size: 1.75em;
			text-transform: none;
			font-weight: normal;
		}

		.footer-bottom {
			border-top-color: #037362;
			border-top: solid 1px;
			padding-top: 2em;
		}

.eapps-link, .eapps-link + style + style + a, .eapps-link + style + style + div + a, #eapps-facebook-feed-1 > div + a, .eapps-facebook-feed.eapps-widget + a {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}


/* Show inline share buttons in pop-up */

.st-btn, .st-total {
	display: inline-block !important;
}

.st-logo, .st-disclaimer {
	display: none !important;
}

/* Small display adaptions */

@media only screen and (max-width: 994px) {
	.promise ul .left {
		grid-column: span 2;
	}
}

@media only screen and (max-width: 890px) {
	.customer ul, .subsidies ul {
		grid-column-gap: 0;
	}
	.customer ul .right {
		grid-column: span 2;
	}
}

@media only screen and (max-width: 685px) {
	.one-liner ul > li.left {
		grid-column: span 2;
		grid-row: 2;
	}
}

@media only screen and (max-width: 994px) {
	.subsidies ul .left {
		grid-row: 2;
	}
}

@media only screen and (max-width: 550px) {
	.one-liner ul{
		column-gap: 0;
	}
}


/* Network partners */

.clients.no-carousel {
	display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -ms-flex-flow: row wrap;
  flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 0;
  padding-top: 1rem;
}
.clients.no-carousel img {
  max-width: 100%;
  height: auto;
}
.clients.no-carousel img:not([srcset]) {
	width: auto;
	max-height: 68px;
}
.clients.no-carousel >img:last-child, .clients.no-carousel >.img-with-aniamtion-wrap:last-child img {
    margin-bottom: 0;
}
.clients.fade-in-animation.completed>div {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    -webkit-backface-visibility: hidden;
}
.clients.five-cols.no-carousel>div {
	width: 200px;
}
@media screen and (max-width: 980px) {
	.clients.no-carousel {
		gap: 30px;
	}
	.clients.five-cols.no-carousel>div {
		width: 150px;
	}
}
@media screen and (max-width: 600px) {
	.clients.no-carousel {
		gap: 20px;
	}
	.clients.five-cols.no-carousel>div {
		width: 110px;
	}
}
.clients.no-carousel>div {
    float: none;
}
.clients.fade-in-animation>div {
    opacity: 0;
    -webkit-transition: none;
    transition: none;
}
.clients.five-cols>div {
    width: 19.2%;
}
.clients>div {
    float: left;
    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    margin-right: 2%;
    opacity: 1;
}
.clients[data-he="greyscale_to_color"] > div img {
    transition: filter 0.45s cubic-bezier(0.3, 0.4, 0.1, 1), opacity 0.45s cubic-bezier(0.3, 0.4, 0.1, 1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.55;
}

.clients >div img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.full-width-section img {
    display: block;
    margin-bottom: 0;
}
img.lazy {
    min-height: 1px;
}
.clients:not(.fade-in-animation)>div:hover, .clients.fade-in-animation.completed>div:hover {
    opacity: 0.7!important;
}
.clients[data-he="greyscale_to_color"] > div:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}


/* Search bar large */

.iIMywf {
  box-sizing: border-box;
  display: block;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0rem;
  margin: 0rem;
}
@media (min-width: 48rem) {
  .iIMywf {
    display: flex;
  }
}
.hRtncX {
  box-sizing: border-box;
    -webkit-box-flex: 2;
    flex-grow: 2;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    padding: 0rem;
    margin: 0rem;
}
.eunqYU {
  position: relative;
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}
form.eunqYU {
  margin: 0;
}
.kiCAni {
  background-color: #E7E5E7;
  border-radius: 9999px;
  cursor: default;
  padding: 0.5rem 0.75rem;
  position: static;
  right: 0px;
  width: 100%;
  z-index: 1000;
}
.jMGyPd {
  align-self: center;
  box-sizing: border-box;
  position: relative;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0rem;
  margin: 0rem;
}
.dqItuG {
  appearance: none;
  background-color: transparent;
  border: none;
  margin-bottom: 0px;
  padding: 0px;
  cursor: pointer;
}
.gdicqn {
  -webkit-box-align: center;
  align-items: center;
    box-sizing: border-box;
    display: flex;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0rem;
  margin: 0rem;
}
.hKjqiq {
    align-self: center;
  -webkit-box-align: center;
  align-items: center;
  display: inline-flex;
  filter: none;
  cursor: pointer;
  vertical-align: unset;
  height: unset;
  width: unset;
}
.jmGQFM, .jmGQFM svg {
  height: 1rem;
  width: 1rem;
}
.jmGQFM {
  display: flex;
}
svg:not(:root) {
  overflow: hidden;
}
.jmGQFM svg {
  align-self: center;
  fill: transparent;
  stroke-width: 1.2px;
}
.jmGQFM svg [data-stroke] {
  stroke: #717171;
}
.jmGQFM svg [data-color], .jmGQFM svg [data-fill] {
  fill: transparent;
}
.jmGQFM svg * {
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  vector-effect: non-scaling-stroke;
}

.iEhVtt {
  background-color: #E7E5E7;
  border: 0px;
  font-weight: 500;
  line-height: 1rem;
  padding-left: 0.75rem;
  text-overflow: ellipsis;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 100%;
  z-index: 900;
  font-size: 0.875rem !important;
}
input[type="search"] {
  appearance: textfield;
  box-sizing: content-box;
}
.jyZRYv input[type="search"] {
  line-height: 2rem;
  width: 100%;
  font-size: 18px !important;
}
input {
  line-height: normal;
}
input:focus-visible {
  outline: none;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0px;
}

.CoveU {
  box-sizing: border-box;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0.5rem 0rem 0rem;
  margin: 0rem;
}
@media (min-width: 48rem) {
  .CoveU {
    padding-left: 1.25rem;
    padding-top: 0rem;
  }
}

.PdipY {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2000;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  display: none;
}
.cpuCPK.cpuCPK.cpuCPK {
  overflow: visible;
}
.kJytzl {
  fill: none;
  stroke: transparent;
  stroke-width: 8;
}
.eOaLqC {
  animation: 1.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite normal none running fnezX;
  fill: none;
  stroke: rgb(255, 255, 255);
  stroke-dasharray: 180;
  transform-origin: center center;
  stroke-width: 8;
}
.kCvtEX {
  -webkit-box-align: center;
  align-items: center;
  backface-visibility: hidden;
  /*background-color: rgb(255, 66, 77);*/
  border-radius: 9999px;
  /*border: 1px solid rgb(255, 66, 77);*/
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  height: unset;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  position: relative;
  pointer-events: unset;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  user-select: none;
  white-space: unset;
  width: 100%;
  color: rgb(255, 255, 255) !important;
  font-size: 1rem !important;
}
@media (min-width: 48rem) {
  .kCvtEX {
    width: unset;
  }
}
.darmea {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  visibility: visible;
  line-height: 2rem;
}

.hRtncX {
	position: relative;
}

.search-dropdown, .search-dropdown-nav, .search-dropdown-bottom {
	position: absolute;
	display: none;
	left: 4%;
	width: 92%;
	z-index: 1200;
	background-color: #ffffff;
	color: #3C3C3B;
	padding: 0;
	-webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
	box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
	border-radius: 4px;
}


.search-list, .search-list-nav, .search-list-bottom {
	list-style: none;
	padding: 0;
	margin: 0;
}


.search-list-item, .search-list-item-nav, .search-list-item-bottom {
	width: 100%;
	border-bottom: 2px solid rgb(245, 244, 242);
}

.search-list-item:hover, .search-list-item-nav:hover, .search-list-item-bottom:hover {
	background-color: rgb(245, 244, 242);
}

.see-results, .see-results-nav, .see-results-bottom {
	border-bottom: 0px;
	border-radius: 0 4px 0 4px;
}

.see-results > a > div, .see-results-nav > a > div, .see-results-bottom > a > div {
	text-align: center;
}

.see-results-nav > a > div {
  font-weight: 600;
}

.search-list-item > a, .search-list-item-nav > a, .search-list-item-bottom > a{
	display: block;
	padding: 0.5rem 1rem;
	cursor: pointer;
	text-decoration: none;
	color: #3C3C3B;
}

.search-list-item-nav > a {
  padding: 0 0.75rem !important;
}

.search-list-item-nav > a > div, .search-list-item-bottom > a > div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.hide-display {
	display: none;
}

.result-list {
	list-style: none;
}
.result-list-wrapper {
	padding-top: 0;
	padding-bottom: 4rem;
}
.hide-grid-filter {
	display: none;
}

/* Page navigation menu */

.nav-container {
height: 64px;
background-color: #ffffff;
box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* overflow: hidden; */
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10001;
transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

.nav-container .logo {
	max-width: 250px;
	padding: 0 1rem;
	overflow: hidden;
	display: flex;
}

.nav-container .logo .logo-name {
	display: none;
	margin-left: 0.5rem;
	flex: 1;
}

@media only screen and (max-width: 1000px) {
  .nav-container .logo .logo-name {
		display: block;
	}
}

.nav-container .logo a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 64px;
}

.nav-container .logo a img {
max-width: 100%;
height: 38px;
}

.nav-container .navbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 1rem;
}

.nav-container .navbar ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none !important;
margin: 0;
padding: 0;
}

.nav-container .navbar ul#nav-lists-left i::after {
  content: '\f078';
  margin-left: 0.5rem;
  transform: translateY(0.1rem);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none !important;
}

@media only screen and (max-width: 1000px) {
  .nav-container .navbar ul#nav-lists-left li.selected a i::after {
    content: '\f077';
  }
}

.nav-container .navbar ul#nav-lists-right {
position: absolute;
right: 0;
}

.nav-container .navbar ul li {
  position: relative;
  padding: 0;
}

.nav-container .navbar #home-mobile {
display: none;
}
.nav-container .logo .logo-name a {
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.nav-container .navbar ul li a, .nav-container .logo .logo-name a {
	text-decoration: none;
	color: #3C3C3B;
	font-weight: 500;
	font-size: 0.92rem;
	height: 64px;
	line-height: 64px;
	cursor: pointer;
	padding: 0 0.75rem;
}
.nav-container .navbar ul li a {
	display: block;
	flex-shrink: 0;
}
.nav-container .navbar ul li > ul {
  list-style: none;
  padding: 0.5rem 0;
  position: absolute;
  transform: translate(0px, 56px);
  display: none;
  inset: 0px auto auto 0px;
  max-height: 874px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px;
  overflow: auto;
  z-index: 1200;
  width: max-content;
  box-sizing: border-box;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.nav-container .navbar ul li > a:hover ~ ul, .nav-container .navbar ul li > ul:hover {
  display: block;
}

.nav-container .navbar ul li > ul > li > a {
  padding: 0.5rem 1rem;
  text-decoration: none;
  height: auto;
  line-height: 2;
}

.nav-container .navbar ul li > ul > li > a:hover {
  background-color: #E7E5E7;
}

.nav-container .navbar ul li > ul > li > a > span.svg-holder {
  margin-right: 1rem;
  align-self: center;
  -webkit-box-align: center;
  align-items: center;
  display: inline-flex;
  vertical-align: middle;
  height: 1.5rem;
  width: 1.5rem;
}

.nav-container .navbar ul li > ul > li > a > span.svg-holder svg {
  align-self: center;
  fill: transparent;
  stroke-width: 1.2px;
}

.nav-container .navbar ul#nav-lists-right li:first-child a {
padding-left: 0rem;
}

.nav-container .navbar ul#nav-lists-right li:last-child.last:not(.nav-search) {
padding: 10px 0;
margin-left: 0.75rem;
}

.nav-container .navbar ul#nav-lists-right li.nav-search {
padding: 11px 0;
margin-right: 0.75rem;
width: 16rem;
}

.nav-container .navbar ul#nav-lists-right li.nav-search.last {
  margin-right: 1rem;
}

.nav-container .navbar ul#nav-lists-right li.nav-search .iIMywf, form.eunqYU {
height: 42px;
line-height: 42px;
}

.nav-container .navbar li.nav-search .kiCAni {
padding: 0.3rem 0.75rem;
}

.nav-container .navbar li.nav-search input.sc-hjWSAi.iEhVtt.search-input, .nav-container .navbar li.nav-search input.sc-hjWSAi.iEhVtt.search-input-nav {
font-weight: 500;
font-size: 0.92rem !important;
line-height: 0.92rem !important;
}

.nav-container .navbar ul#nav-lists-right li:last-child.last a {
padding: 0em 1.75em;
margin-right: 1rem;
height: 44px;
line-height: 44px;
font-weight: 600;
}

.nav-container .navbar ul li a:hover {
color: #404249;
}

/* .nav-container .navbar ul#nav-lists-right li:last-child.last a.button:hover, .nav-container .navbar ul#nav-lists-right li:last-child.last a.button.no-fill {
color: #21CCB2 !important;
background-color: #ffffff !important;
box-shadow: inset 0 0 0 2px #21CCB2 !important;
} */

.nav-container .navbar ul .close {
display: none;
text-align: right;
padding: 10px;
}

.nav-container .navbar ul .close span {
font-size: 40px;
display: inline-block;
padding: 0 10px;
cursor: pointer;
}

.nav-container .navbar .icon-bar {
padding: 23px 13px;
width: 50px;
height: 64px;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
}

.nav-container .navbar .icon-bar i {
background-color: #717171;
height: 2px;
border-radius: 2px;
}

.nav-container .navbar ul li a.button.green.alt:hover, .nav-container .navbar ul li a.button.green.alt:active {
  background-color: rgba(3, 115, 98, 0.15) !important;
}

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

  .nav-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .nav-container .logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .nav-container .navbar {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .nav-container .navbar ul, .nav-container .navbar ul li > ul {
    all: unset;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: fixed;
    left: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s;
  }

  .nav-container .navbar ul li > ul {
    transform: none !important;
    position: unset;
  }

  .nav-container .navbar ul li > ul > li {
    display: none;
  }

  .nav-container .navbar ul li > ul > li a {
    color: #979797;
  }

  .nav-container .navbar ul li.selected > ul > li {
    display: block;
  }

  .nav-container .navbar ul li > ul > li > a:hover {
    background-color: inherit;
  }

	.nav-container .navbar ul.search-list-nav {
		position: relative;
		left: 0;
	}

	.nav-container .navbar ul.search-list-nav li a {
		/* display: block; */
		padding: 0.5rem 1rem !important;
		/* cursor: pointer;
		text-decoration: none;
		color: #3C3C3B; */
	}

  .nav-container .navbar ul li a {
    padding: 0.75rem !important;
    font-size: 16px;
    height: auto;
    line-height: normal;
    color: #555555;
  }

  .nav-container .navbar ul .close {
    display: block;
  }

  .nav-container .navbar .icon-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nav-container .navbar ._Menus-show {
    left: 0;
    text-align: center;
  }

  .nav-container .navbar #home-mobile {
    display: block;
  }

  .nav-container .navbar ul li.li-nav {
    padding: 0 !important;
    margin: 0 !important;
  }

  .nav-container .navbar ul li.li-nav.nav-search {
    padding: 0 1rem !important;
  }

  .nav-container .navbar ul li a.button {
    max-width: 11em !important;
    margin: 0 auto !important;
    height: auto !important;
    line-height: normal !important;
  }

  .nav-container .navbar li.nav-search .kiCAni {
    height: 100% !important;
    padding: 0.75rem !important;
  }

  .nav-container .navbar li.nav-search input.sc-hjWSAi.iEhVtt.search-input, .nav-container .navbar li.nav-search input.sc-hjWSAi.iEhVtt.search-input-nav {
    font-size: 16px !important;
    line-height: 18px !important;
    text-align: center;
    padding-right: 0.75rem;
  }
}

.frc-captcha {
    background-color: transparent !important;
    border: none !important;
    padding-bottom: 1.6em !important;
}

#form-verification .frc-captcha *,
#form-content .frc-captcha *,
.actions  .frc-captcha *{
  color: #fff !important;
	fill: #fff !important;
}

.frc-banner {
  display: none !important;
}

.frc-icon {
	margin-left: 0 !important;
	stroke:none !important;
}

#form-verification .frc-icon, #form-content .frc-icon {
  fill: #fff !important;
}

#form-verification .frc-icon > circle, #form-content .frc-icon > circle {
  stroke: #fff !important;
}

.frc-button {
	background-color: transparent !important;
}

#form-verification .frc-button, #form-content .frc-button {
	border: 1px solid #fff !important;
}

#form-verification .frc-progress::-webkit-progress-bar, #form-content .frc-progress::-webkit-progress-bar {
	background: #eee !important;
}

.frc-progress::-webkit-progress-value {
	background:#717171 !important;
}
.frc-progress::-moz-progress-bar {
	background:#717171 !important;
}

/* Privacy declatation */
.legal-highlight {
  margin: -1rem -1rem 1rem -1rem;
  padding: 1rem 1rem 0.5rem 1rem;
  background-color: #E7E5E7;
}

.updates-file {
	-webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}