﻿@import url("https://use.typekit.net/beu1dbh.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html,
body {
	line-height: 28px;
	font-size: 16px;
	background: rgba(255, 255, 255, 1);
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 24px 0 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: all-round-gothic, sans-serif;
	font-weight: 700;
	color: #f2693f;
}

h1,
.heading-1 {
	line-height: 50px;
	font-size: 40px;
}

h2,
.heading-2 {
	line-height: 40px;
	font-size: 30px;
}

h3,
.heading-3 {
	line-height: 30px;
	font-size: 20px;
}

h4,
h5,
h6,
p {
	line-height: 28px;
	font-size: 16px;
}

p {
	color: #000000;
}

a,
a:hover {
	color: #000000;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

ul, ol {
	margin: 24px 0 0 0;
	padding: 0;
}

	ul li, ol li {
		margin: 0 0 0 16px;
		padding: 0;
	}

		ul li ul, ul li ol,
		ol li ul, ol li ol {
			margin: 12px 0 24px 0;
		}

table {width: 100%; margin: 0; padding: 0; border: 0;}
table thead {}
table thead tr {}
table thead tr th {vertical-align: top;}
table tbody {}
table tbody tr {}
table tbody tr td {vertical-align: top;}
table tfoot {}
table tfoot tr {}
table tfoot tr td {vertical-align: top;}

header {
}

	header .header--logo {
		padding: 14px 0 0 0;
		background: rgba(255, 255, 255, 1);
		position: relative;
	}

		header .header--logo .logo--wrapper {
			max-width: 1140px;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}

			header .header--logo .logo--wrapper a {
				display: inline-block;
				vertical-align: top;
				position: relative;
				z-index: 1;
			}

				header .header--logo .logo--wrapper a svg {
					height: 112px;
					display: block;
				}

	header .header--navigation {
		/*
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		position: absolute;
		*/
	}

		header .header--navigation .navigation--wrapper {
			position: absolute;
			right: 0;
			top: 5px;
			width: 100%;
			text-align: right;
			border: none;
		}

			header .header--navigation .navigation--wrapper .wrapper--top {
				width: 100%;
				max-width: 1140px;
				margin: 0 auto;
				display: flex;
				justify-content: flex-end;
				max-width: 1140px;
				margin: 0 auto;
				position: relative;
			}

				header .header--navigation .navigation--wrapper .wrapper--top .search-box {
					background: transparent;
					height: 24px;
					border: 1px solid #000000;
					border-radius: 12px;
					margin: 12px 0;
					position: relative;
				}

					header .header--navigation .navigation--wrapper .wrapper--top .search-box::before {
						top: 0;
						right: 0;
						width: 22px;
						height: 22px;
						line-height: 22px;
						font-family: FontAwesome;
						font-size: 12px;
						font-weight: 100;
						text-align: center;
						color: #000000;
						content: "\f002";
						position: absolute;
						pointer-events: none;
						display: block;
					}

					header .header--navigation .navigation--wrapper .wrapper--top .search-box input.search-input {
						outline: none;
						border: none;
						background: none;
						width: 0;
						padding: 0;
						color: #000000;
						float: left;
						font-size: 14px;
						transition: .3s;
						line-height: 22px;
					}

					header .header--navigation .navigation--wrapper .wrapper--top .search-box .search-input:focus,
					header .header--navigation .navigation--wrapper .wrapper--top .search-box .search-input:not(:placeholder-shown),
					header .header--navigation .navigation--wrapper .wrapper--top .search-box:hover > .search-input {
						width: 240px;
						padding: 0 6px;
					}

					header .header--navigation .navigation--wrapper .wrapper--top .search-box button.search-btn {
						color: #000000;
						float: right;
						width: 22px;
						height: 22px;
						background-color: transparent !important;
						border-radius: 12px;
						border: 0;
						display: flex;
						justify-content: center;
						align-items: center;
						text-decoration: none;
						transition: .3s;
					}

		header .header--navigation .navigation--bottom {
			display: flex;
			justify-content: flex-end;
			position: relative;
			overflow: visible;
		}

			header .header--navigation .navigation--bottom nav {
				width: 100%;
				max-width: 1140px;
				margin: 0 auto;
				position: relative;
			}

				header .header--navigation .navigation--bottom nav ul {
					margin: 0;
					padding: 0;
					list-style: none;
					display: flex;
					justify-content: flex-end;
					flex-direction: row;
					position: relative;
				}

					header .header--navigation .navigation--bottom nav ul li {
						margin: 0;
						padding: 0;
						list-style: none;
						cursor: pointer;
					}

						header .header--navigation .navigation--bottom nav ul li:not(:first-of-type) {
							margin-left: 20px;
						}

						header .header--navigation .navigation--bottom nav ul li a {
							padding: 17px 0;
							font-size: 16px;
							font-weight: 400;
							display: block;
							position: relative;
						}

							header .header--navigation .navigation--bottom nav ul li a svg {
								display: none;
								visibility: hidden;
							}

							header .header--navigation .navigation--bottom nav ul li a:hover {
								background-color: transparent;
							}

								header .header--navigation .navigation--bottom nav ul li a:hover::after,
								header .header--navigation .navigation--bottom nav ul li a.active::after {
									bottom: 0;
									left: 0;
									width: 100%;
									height: 3px;
									background-color: #f2693f;
									position: absolute;
									content: "";
								}

.nav-main .sub-menu {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 100%;
	transition: .5s;
	z-index: 10;
	width: 100vw;
	height: 100%;
	overflow-y: scroll;
}

	.nav-main .sub-menu.active {
		left: 0;
		transition: .5s;
		height: unset !important;
	}

	.nav-main .sub-menu .container {
		max-width: 1140px;
		padding: 0;
	}

	.nav-main .sub-menu ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}

		.nav-main .sub-menu ul li {
			/*width: 100%;*/
			margin: 0;
			padding: 0;
			vertical-align: top;
			/*float: none;*/
			position: static;
		}

@media (max-width: 992px) {
	.nav-main .sub-menu ul li {
		padding: 12px 20px;
		border-bottom: 1px solid #f2f2f2;
	}
}

.nav-main .sub-menu ul li:before {
	content: none;
}


@media (min-width: 992px) {
	.nav-main .sub-menu {
		overflow: auto;
		width: 100%;
		padding: 40px;
		top: 100%;
		left: 0;
		height: unset !important;
		display: none;
	}

		.nav-main .sub-menu.active {
			display: block;
		}

		.nav-main .sub-menu ul li {
			/*padding: 10px 0;*/
		}
}

.event-result .nav-main .sub-menu li h3,
.nav-main .sub-menu li .event-result h3,
.nav-main .sub-menu li .related-event h3,
.nav-main .sub-menu li h6,
.related-event .nav-main .sub-menu li h3 {
	padding: 15px 20px;
	margin: 0;
	border-bottom: 1px solid #f2f2f2;
	color: #000000;
	font-weight: 600;
	font-size: 18px
}

@media (min-width: 992px) {

	.event-result .nav-main .sub-menu li h3,
	.nav-main .sub-menu li .event-result h3,
	.nav-main .sub-menu li .related-event h3,
	.nav-main .sub-menu li h6,
	.related-event .nav-main .sub-menu li h3 {
		border: none;
		margin: 0;
		padding: 0;
		/*padding-bottom: 10px;*/
		/*margin-bottom: 10px;*/
		letter-spacing: 0
	}
}

.event-result .nav-main .sub-menu li h3 a,
.nav-main .sub-menu li .event-result h3 a,
.nav-main .sub-menu li .related-event h3 a,
.nav-main .sub-menu li h6 a,
.related-event .nav-main .sub-menu li h3 a {
	color: #000000;
	font-size: 16px;
	margin: 0;
	letter-spacing: 1px;
	font-weight: 400;
	width: 100%;
	padding: 0
}

	.event-result .nav-main .sub-menu li h3 a.active:after,
	.event-result .nav-main .sub-menu li h3 a:active:after,
	.event-result .nav-main .sub-menu li h3 a:focus:after,
	.event-result .nav-main .sub-menu li h3 a:hover:after,
	.nav-main .sub-menu li .event-result h3 a.active:after,
	.nav-main .sub-menu li .event-result h3 a:active:after,
	.nav-main .sub-menu li .event-result h3 a:focus:after,
	.nav-main .sub-menu li .event-result h3 a:hover:after,
	.nav-main .sub-menu li .related-event h3 a.active:after,
	.nav-main .sub-menu li .related-event h3 a:active:after,
	.nav-main .sub-menu li .related-event h3 a:focus:after,
	.nav-main .sub-menu li .related-event h3 a:hover:after,
	.nav-main .sub-menu li h6 a.active:after,
	.nav-main .sub-menu li h6 a:active:after,
	.nav-main .sub-menu li h6 a:focus:after,
	.nav-main .sub-menu li h6 a:hover:after,
	.related-event .nav-main .sub-menu li h3 a.active:after,
	.related-event .nav-main .sub-menu li h3 a:active:after,
	.related-event .nav-main .sub-menu li h3 a:focus:after,
	.related-event .nav-main .sub-menu li h3 a:hover:after {
		display: none
	}

.nav-main .sub-menu li li {
	width: 100%;
	display: block;
	padding: 12px 20px;
	border-bottom: 1px solid #f2f2f2
}

	.nav-main .sub-menu li li a {
		padding: 0;
		color: #000;
	}

@media (min-width: 992px) {
	.nav-main .sub-menu li li {
		padding: 6px 15px 6px 20px;
		border: none;
		position: relative
	}

		.nav-main .sub-menu li li:before {
			left: 0;
			top: 10px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: transparent;
			border-left-color: #F2693F;
			border-width: 5px
		}
}

@media (min-width: 992px) {
	.nav-main .sub-menu li {
		width: 25%;
		float: left;
		padding: 10px 0
	}
}

.nav-main .sub-menu li h6 {
	padding: 12px 0;
}

.nav-main .back-menu {
	display: block;
	color: #000000;
	line-height: 24px;
	border-bottom: 1px solid #f2f2f2;
	text-align: left;
	padding: 12px 20px;
	font-weight: 600
}

	.nav-main .back-menu.active,
	.nav-main .back-menu:active,
	.nav-main .back-menu:focus,
	.nav-main .back-menu:hover {
		text-decoration: none;
		color: #000000
	}

	.nav-main .back-menu svg {
		width: 24px;
		height: 24px;
		margin-right: 20px;
		fill: #fff;
		float: left;
		stroke: #000000;
		stroke-width: 2;
		position: relative;
		bottom: 0px;
		right: 0px;
		transform: rotate(180deg)
	}

@media (min-width: 992px) {
	.nav-main .back-menu {
		display: none
	}
}

@media (min-width: 992px) {
	nav {
		position: relative;
		max-height: 62px;
		overflow: hidden
	}

	.sticky nav .header-search-form form {
		margin-left: 100px
	}
}


header.sticky {
}

	header.sticky .header--logo {
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		padding: 8px 0;
		background-color: transparent;
		position: fixed;
		z-index: 4;
		pointer-events: none;
	}

		header.sticky .header--logo .logo--wrapper {
			width: 100%;
			max-width: 1140px;
			margin-left: auto;
			margin-right: auto;
		}

			header.sticky .header--logo .logo--wrapper a {
				display: inline-block;
				vertical-align: top;
				pointer-events: all;
			}

				header.sticky .header--logo .logo--wrapper a svg {
					height: 32px;
					display: block;
					vertical-align: top;
				}

	header.sticky .header--navigation .navigation--bottom {
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		background-color: #FFFFFF;
		position: fixed;
		z-index: 3;
	}

main {
}

	main section {
	}

		main section p a,
		main section table a {
			color: #f2693f;
			text-decoration: underline;
		}

			main section p a:hover,
			main section table a:hover {
				color: #f2693f;
				text-decoration: none;
			}

		main section .section--wrapper {
			padding: 56px 0 80px 0;
		}

		main section.banner--simple + section .section--wrapper,
		main section.banner--detail + section .section--wrapper {
			padding: 16px 0 40px 0;
		}

		main section.banner--simple,
		main section.banner--detail {
			min-height: 350px;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
		}

			main section.banner--simple::before,
			main section.banner--detail::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
				background-image: url(/Assets/images/slider_overlay.svg);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}

			main section.banner--simple .simple--content,
			main section.banner--detail .detail--content,
			main section.banner--detail .simple--content {
				top: 50%;
				right: 0;
				left: 0;
				position: absolute;
				transform: translateY(-50%);
				z-index: 2;
			}

				main section.banner--simple .simple--content h1,
				main section.banner--simple .simple--content h2,
				main section.banner--detail .detail--content h1,
				main section.banner--detail .detail--content h2,
				main section.banner--detail .simple--content h1,
				main section.banner--detail .simple--content h2 {
					padding: 0;
					color: rgba(255, 255, 255, 1);
				}

				main section.banner--simple .simple--content h1,
				main section.banner--simple .simple--content h2,
				main section.banner--detail .detail--content h1,
				main section.banner--detail .detail--content h2,
				main section.banner--detail .simple--content h1,
				main section.banner--detail .simple--content h2 {
					padding: 0;
				}

				main section.banner--simple .simple--content h1,
				main section.banner--simple .simple--content h2,
				main section.banner--simple .simple--content p,
				main section.banner--detail .detail--content h1,
				main section.banner--detail .detail--content h2,
				main section.banner--detail .detail--content p,
				main section.banner--detail .simple--content h1,
				main section.banner--detail .simple--content h2,
				main section.banner--detail .simple--content p {
					color: rgba(255, 255, 255, 1);
				}

		main section.white {
		}

		main section.light-green {
			background: rgba(114, 156, 139, 0.10);
		}

			main section.light-green .section--wrapper {
				padding: 16px 0 40px 0;
			}

		main section.green {
			background: #b5bb81 /*rgba(92, 119, 50, 1)*/;
		}

main section.green:not(.percent--10) a {text-decoration: underline; color: #FFFFFF;}
main section.green:not(.percent--10) a:hover {text-decoration: none; color: #FFFFFF;}

main section.green a {text-decoration: underline; color: #f2693f;}
main section.green a:hover {text-decoration: none; color: #f2693f;}

			main section.green .section--wrapper {
			}

				main section.green .section--wrapper .container {
					position: relative;
				}

				main section.green .section--wrapper .container hr {
					border-color: rgba(114, 156, 139, 1) !important;
				}

			main section.green.green--reports .section--wrapper .wrapper--content h3::before {
				margin-right: 10px;
				font-family: "Font Awesome 6 Pro";
				font-weight: 700;
				font-size: 32px;
				content: "\f15b";
				vertical-align: top;
				display: inline-block;
			}

			main section.green.green--reports .section--wrapper .wrapper--inset {
				padding: 48px 40px 48px 82px;
				background-color: #001806;
				border-radius: 9999px 0 0 9999px;
				top: 0;
				right: 0;
				display: block;
				content: "";
				position: absolute;
				transform: translateY(calc(-50% - 16px));
				z-index: 1;
			}

				main section.green.green--reports .section--wrapper .wrapper--inset h3 {
					line-height: 32px;
					padding: 0;
					color: #FFFFFF;
				}

					main section.green.green--reports .section--wrapper .wrapper--inset h3::before {
						margin-right: 10px;
						font-family: "Font Awesome 6 Pro";
						font-weight: 300;
						font-size: 32px;
						content: "\f783";
						vertical-align: top;
						display: inline-block;
					}

				main section.green.green--reports .section--wrapper .wrapper--content ul,
				main section.green.green--reports .section--wrapper .wrapper--inset ul {
					margin: 12px 0 0 0;
					padding: 0;
					display: flex;
					flex-direction: row;
				}

					main section.green.green--reports .section--wrapper .wrapper--content ul li,
					main section.green.green--reports .section--wrapper .wrapper--inset ul li {
						margin: 0;
						padding: 0;
						list-style: none;
					}

						main section.green.green--reports .section--wrapper .wrapper--content ul li:not(:last-of-type),
						main section.green.green--reports .section--wrapper .wrapper--inset ul li:not(:last-of-type) {
							margin-right: 20px;
						}

						main section.green.green--reports .section--wrapper .wrapper--content ul li::before,
						main section.green.green--reports .section--wrapper .wrapper--inset ul li::before {
							margin-right: 10px;
							font-family: FontAwesome;
							content: "\f061";
							vertical-align: top;
							display: inline-block;
						}

						main section.green.green--reports .section--wrapper .wrapper--content ul li a,
						main section.green.green--reports .section--wrapper .wrapper--inset ul li a {
							text-decoration: none;
						}

							main section.green.green--reports .section--wrapper .wrapper--content ul li a:hover,
							main section.green.green--reports .section--wrapper .wrapper--inset ul li a:hover {
								text-decoration: underline;
							}

							main section.green.green--reports .section--wrapper .wrapper--content ul li a,
							main section.green.green--reports .section--wrapper .wrapper--content ul li a:hover,
							main section.green.green--reports .section--wrapper .wrapper--inset ul li a,
							main section.green.green--reports .section--wrapper .wrapper--inset ul li a:hover {
								color: #FFFFFF;
								display: inline-block;
							}

				main section.green.green--reports .section--wrapper .wrapper--inset::after {
					width: 100vw;
					top: 0;
					right: 0;
					bottom: 0;
					left: 100%;
					background-color: #001806;
					position: absolute;
					content: "";
				}

			main section.green,
			main section.green h1,
			main section.green h2,
			main section.green h3,
			main section.green h4,
			main section.green h5,
			main section.green h6,
			main section.green p {
				color: rgba(255, 255, 255, 1);
			}

				main section.green.percent--10 {
					background: #eff1ea /*rgba(92, 119, 50, 0.1)*/;
				}

					main section.green.percent--10,
					main section.green.percent--10 h1,
					main section.green.percent--10 h2,
					main section.green.percent--10 h3,
					main section.green.percent--10 h4,
					main section.green.percent--10 h5,
					main section.green.percent--10 h6,
					main section.green.percent--10 p {
						color: rgba(0, 0, 0, 1);
					}

						main section.green.percent--10 .section--wrapper {
							padding: 56px 0 80px 0;
						}


				main section.green.with--pattern {
					background-image: url('/Assets/images/pattern_sign_stroked_5C7732.svg');
					background-repeat: no-repeat;
					background-size: auto 600px;
					background-position: right +96px bottom -128px;
				}


		main section.dark-green {
			background: #FFFFFF /*rgba(6, 72, 20, 1)*/;
			position: relative;
		}

			main section.dark-green::before {
				width: 240px;
				height: calc(100% + 64px);
				background-color: #F2693F;
				border-radius: 0 0 9999px 9999px;
				right: -60px;
				bottom: -64px;
				display: block;
				content: "";
				position: absolute;
				z-index: 1;
			}

			main section.dark-green::after {
				bottom: -64px;
				right: 120px;
				width: 400px;
				height: 400px;
				background-color: transparent;
				border: 1px solid #5C983E;
				border-radius: 200px;
				display: block;
				content: "";
				position: absolute;
			}

			main section.dark-green .section--wrapper {
				overflow: hidden;
				position: relative;
			}

				main section.dark-green .section--wrapper::before {
					width: 240px;
					height: calc(100% - 64px);
					background-color: transparent;
					border: 1px solid #D9D9D9;
					border-top: 0;
					border-radius: 0 0 9999px 9999px;
					bottom: 64px;
					left: -120px;
					display: block;
					content: "";
					position: absolute;
					z-index: 1;
					opacity: 0.25;
				}

				main section.dark-green .section--wrapper::after {
					top: -384px;
					left: 50%;
					width: 512px;
					height: 512px;
					background-color: #e3e5cf;
					border-radius: 256px;
					display: block;
					content: "";
					position: absolute;
					transform: translateX(-25%);
				}

				main section.dark-green .section--wrapper .container {
					position: relative;
					z-index: 1;
				}

			main section.dark-green,
			main section.dark-green h1,
			main section.dark-green h2,
			main section.dark-green h3,
			main section.dark-green h4,
			main section.dark-green h5,
			main section.dark-green h6,
			main section.dark-green p {
				color: #000000 /*rgba(255, 255, 255, 1)*/;
			}

footer {
}

	footer .footer--top {
		padding: 56px 0 80px 0;
		background-color: rgba(255, 255, 255, 1);
	}

	footer .footer--middle {
		padding: 30px;
		background: rgba(114, 156, 139, 0.1);
	}

		footer .footer--middle .container {
		}

			footer .footer--middle .container h3,
			footer .footer--middle .container p {
				padding: 0;
			}

			footer .footer--middle .container ul {
				margin: 24px 0 0 0;
				padding: 0;
				display: flex;
				flex-direction: row;
			}

				footer .footer--middle .container ul li {
					margin: 0;
					padding: 0;
					list-style: none;
				}

					footer .footer--middle .container ul li:not(:last-of-type) {
						margin-right: 40px;
					}

					footer .footer--middle .container ul li img {
						width: auto;
						height: 80px;
					}

	footer .footer--bottom {
		padding: 30px;
		background: rgba(114, 156, 139, 1);
	}

		footer .footer--bottom .container {
			display: flex;
			flex-direction: row;
		}

			footer .footer--bottom .container p {
				padding: 0;
			}

			footer .footer--bottom .container ul {
				margin: 0 0 0 auto;
				padding: 0;
				display: flex;
				flex-direction: row;
			}

				footer .footer--bottom .container ul li {
					margin: 0;
					padding: 0;
					list-style: none;
				}

					footer .footer--bottom .container ul li:not(:last-of-type) {
						margin-right: 20px;
					}
.pagination {
	width: 1140px;
	margin: 20px auto;
	align-items: center;
}
.pagination > a {
	margin: 24px 0 0 0;
}
.pagination > a.previous {
	margin-right: 10px;
}
.pagination > a.next {
	margin-left: 10px;
}
.section-cta-wrapper {
}

	.section-cta-wrapper.margin-y {
	}

	.section-cta-wrapper.text-left {
	}

	.section-cta-wrapper a {
		margin: 24px 0 0 0;
		padding: 10px 30px;
		background: rgba(242, 105, 63, 1);
		border-radius: 22px;
		display: inline-block;
	}

.placeholder--logos {
	overflow: hidden;
	position: relative;
}

	.placeholder--logos::before {
		width: 20%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		content: "";
		position: absolute;
		z-index: 1;
	}

	.placeholder--logos::after {
		width: 20%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		content: "";
		position: absolute;
		z-index: 1;
	}

	.placeholder--logos .logos--slider {
		margin: 80px 0 0 0;
		mix-blend-mode: luminosity;
	}

		.placeholder--logos .logos--slider .slick-list {
			overflow: visible;
		}

		.placeholder--logos .logos--slider .slick-track {
		}

		.placeholder--logos .logos--slider div {
			margin: 0 20px;
		}

			.placeholder--logos .logos--slider div img {
				max-width: 100%;
				width: auto;
				height: 64px;
			}

ul.categories {
	margin: 24px 0 0 0;
	padding: 0;
}

	ul.categories li ul {
		margin: 0;
		padding: 0;
	}

		ul.categories li,
		ul.categories li ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

ul.reports,
ul.reports li ul {
	margin: 0;
	padding: 0;
}

	ul.reports li,
	ul.reports li ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

.category {
}

	.category h2 {
		padding: 24px 0;
	}

.reports {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px;
}

	.reports .report:not(.portrait) {
		display: grid;
		grid-template-columns: 0.75fr 1.25fr;
		background-color: #5C7732;
	}

	.reports .report.portrait {
		display: flex;
		align-items: stretch;
		flex-direction: column;
		background-color: #5C7732;
	}

	.reports .report .image {
		width: 100%;
		padding-top: calc(100% - 48px);
		border: 20px solid #5C7732;
		border-top-width: 24px;
		border-bottom-width: 24px;
		background-color: #5C7732;
		flex-shrink: 0;
		flex-grow: 0;
		position: relative;
	}

		.reports .report .image img {
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
			margin: auto;
			position: absolute;
			object-fit: contain;
		}

	.reports .report.portrait .image {
		width: 100%;
		padding-top: calc(100% - 48px);
		position: relative;
	}

		.reports .report.portrait .image img {
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
		}

	.reports .report .body {
		flex-shrink: 0;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

		.reports .report .body .content {
			padding: 24px 20px;
			flex-shrink: 0;
			flex-grow: 1;
		}

			.reports .report .body .content h3,
			.reports .report .body .content p,
			.reports .report .body .content p a {
				color: #FFFFFF;
			}

				.reports .report .body .content p.category {
				}

				.reports .report .body .content p.taxa {
					padding-top: 24px;
					font-size: 14px;
					font-style: italic;
					font-weight: bold;
				}

				.reports .report .body .content p.type {
					font-size: 14px;
					font-style: italic;
				}

	.reports .report .link {
		padding: 12px 20px;
		background-color: #e3e5cf;
		flex-shrink: 0;
		flex-grow: 0;
		grid-column: span 2;
	}

		.reports .report .link p,
		.reports .report .link p a {
			font-size: 14px;
		}

		.reports .report .link p {
			padding: 0 0 0 20px;
			display: flex;
			flex-direction: row;
			position: relative;
		}

			.reports .report .link p::before {
				top: 0;
				left: 0;
				font-family: FontAwesome;
				content: "\f56d";
				position: absolute;
			}

		.reports .report .link.link-url p::before {
			content: "\f0c1" !important;
		}

		.reports .report .link p a {
			padding: 0 10px;
			text-decoration: none;
			color: #000000;
		}

			.reports .report .link p a:hover {
				text-decoration: underline;
				color: #000000;
			}

	.reports .report img {
		width: 100%;
		height: auto;
		display: block;
	}

	.reports .report h3 {
		padding: 0;
	}

	.reports .report p {
		padding: 0;
	}

.years {
	display: flex;
	flex-direction: row;
}

	.years p {
		line-height: 40px;
		margin-right: 20px;
		font-weight: bold;
		flex-shrink: 0;
		flex-grow: 0;
	}

	.years ul {
		margin: 14px 0 0 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

		.years ul li {
			margin: 10px 0 0 0;
			padding: 0;
			list-style: none;
		}

			.years ul li:not(:last-of-type) {
				margin-right: 10px;
			}

			.years ul li a,
			ul.years li a:hover {
				text-decoration: none;
			}

			.years ul li a {
				padding: 8px 30px;
				background-color: rgba(92, 119, 50, 0.75);
				border-radius: 20px;
				color: rgba(255, 255, 255, 1);
				display: block;
			}

				.years ul li a:hover {
					background-color: rgba(92, 119, 50, 1);
				}

			.years ul li.active a {
				background-color: rgba(242, 105, 63, 1);
				color: rgba(0, 0, 0, 1);
			}

section.green .years ul li a {
	background-color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	color: rgba(0, 0, 0, 1);
}

	section.green .years ul li a:hover {
		background-color: rgba(255, 255, 255, 1);
		text-decoration: none;
		color: rgba(0, 0, 0, 1);
	}

section.green .years ul li.active a {
	background-color: rgba(242, 105, 63, 1);
}

ul.workshops {
	margin: 24px 0 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 24px;
}

	ul.workshops li.workshop {
		margin: 0;
		padding: 0;
		list-style: none;
		background-color: #FFFFFF;
		border: 1px solid rgba(92, 119, 50, 0.1);
		flex-shrink: 0;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		position: relative;
		overflow: hidden;
	}
		ul.workshops li.workshop.past {
			opacity: 0.5;
		}

	ul.workshops li.workshop:hover {
		opacity: 1;
	}

		ul.workshops li.workshop .title {
			width: 100%;
			background-color: #5C7732;
			padding: 24px 20px;
			position: absolute;
			overflow: hidden;
			white-space: normal;
			word-break: break-word;
			z-index: 1;
		}

			ul.workshops li.workshop .title:hover {
			}

			ul.workshops li.workshop .title h3 {
				height: 60px;
				padding: 0;
				color: #FFFFFF;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}

			ul.workshops li.workshop .title:hover h3 {
				min-height: 60px;
				height: auto;
				-webkit-line-clamp: unset;
			}

		ul.workshops li.workshop .data {
			min-height: 76px;
			margin-top: 108px;
			padding: 20px;
			background-color: #e3e5cf /*#A3AA61*/;
		}

			ul.workshops li.workshop .data p {
				padding: 0 0 0 24px;
				font-weight: bold;
				text-transform: capitalize;
				position: relative;
			}

				ul.workshops li.workshop .data p::before {
					top: 0;
					left: 0;
					font-family: "Font Awesome 6 Pro";
					font-weight: 500;
					content: "\f017";
					vertical-align: top;
					display: inline-block;
					position: absolute;
				}

		ul.workshops li.workshop .content {
			padding: 24px 20px;
			background-color: #FFFFFF;
		}

			ul.workshops li.workshop .content a,
			ul.workshops li.workshop .content a:hover {
				color: #296524;
			}

			ul.workshops li.workshop .content p strong {
				color: #f2693f;
			}

			ul.workshops li.workshop .content a {
				text-decoration: underline;
				color: #f2693f;
			}

				ul.workshops li.workshop .content a:hover {
					text-decoration: none;
					color: #f2693f;
				}

			ul.workshops li.workshop .content p:first-of-type {
				padding: 0;
			}

			ul.workshops li.workshop .content p span {
				text-transform: capitalize;
			}

.sfPageContainer {
}

	.sfPageContainer main section.green.green--reports .section--wrapper .wrapper--inset {
		position: relative;
		transform: unset;
	}

.menu-toggle {
	border: 0 none;
	background: none;
	position: absolute;
	top: 24px;
	right: 15px;
	/*transform: translateY(-50%);*/
	display: none
}

#nav-icon4 {
	width: 48px;
	height: 48px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

	#nav-icon4 span {
		display: block;
		position: absolute;
		height: 2px;
		width: 32px;
		margin: 0 8px;
		background: #000000;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

		#nav-icon4 span:nth-child(1) {
			top: 16px;
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
		}

		#nav-icon4 span:nth-child(2) {
			top: 23px;
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
		}

		#nav-icon4 span:nth-child(3) {
			top: 30px;
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
		}

	#nav-icon4.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 24px;
		left: 0;
	}

	#nav-icon4.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#nav-icon4.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 24px;
		left: 0;
	}

.nav-main ul {
	position: relative;
	left: 0;
	transition: .3s
}

	.nav-main ul.active {
		position: relative;
		left: -100%;
		transition: .3s
	}


/**/
.trends {
	margin: 24px 0 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px;
}

	.trends .trend {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}


		/**/
		.trends .trend .image {
			width: 100%;
			padding-top: calc(100% - 48px);
			border: 20px solid #5C7732;
			border-top-width: 24px;
			border-bottom-width: 24px;
			background-color: #5C7732;
			flex-shrink: 0;
			flex-grow: 0;
			position: relative;
		}

			.trends .trend .image img {
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: block;
				margin: auto;
				position: absolute;
				object-fit: contain;
			}
		/**/

		.trends .trend .body {
			background-color: #5C7732;
			flex-shrink: 0;
			flex-grow: 1;
			display: flex;
			flex-direction: column;
		}

			.trends .trend .body .content {
				padding: 24px 20px;
				flex-shrink: 0;
				flex-grow: 1;
			}

				.trends .trend .body .content h3,
				.trends .trend .body .content p,
				.trends .trend .body .content p a {
					color: #FFFFFF;
				}

		.trends .trend .link {
			padding: 12px 20px;
			background-color: #e3e5cf;
			flex-shrink: 0;
			flex-grow: 0;
			grid-column: span 2;
		}

			.trends .trend .link p,
			.trends .trend .link p a {
				font-size: 14px;
			}

			.trends .trend .link p a {
				text-decoration: none;
				color: #000000;
			}
			.trends .trend .link p a:hover {
				text-decoration: underline;
			}

			.trends .trend .link p {
				padding: 0 0 0 20px;
				display: flex;
				flex-direction: row;
				position: relative;
			}

				.trends .trend .link p::before {
					top: 0;
					left: 0;
					font-family: FontAwesome;
					content: "\f56d";
					position: absolute;
				}

			.trends .trend .link.link-url p::before {
				content: "\f0c1" !important;
			}

			.trends .trend .link p a {
				padding: 0 10px;
			}

		.trends .trend img {
			width: 100%;
			height: auto;
			display: block;
		}

		.trends .trend h3 {
			padding: 0;
		}

		.trends .trend p {
			padding: 0;
		}

/*

ul.trends {
	margin: 24px 0 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 24px;
}
ul.trends li {
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(92, 119, 50, 0.1);
	list-style: none;
}
	ul.trends li .image {
		width: 100%;
		padding-top: 141%;
		background-image: url(/Assets/images/pattern_sign_stroked_5C7732.svg);
		background-repeat: no-repeat;
		background-size: auto 48px;
		background-position: right bottom;
		background-color: #FFFFFF;
		position: relative;
	}
	ul.trends li .image img {
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		object-fit: cover;
		position: absolute;
	}
	ul.trends li .links {
		padding: 12px 20px;
		background-color: #A3AA61;
	}

*/
ul.categories {
	margin: 24px 0 0 0;
	padding: 0;
}

	ul.categories > li.category {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		ul.categories > li.category:not(:first-of-type) {
			margin-top: 12px;
		}

		ul.categories > li.category > h2 {
			line-height: 24px;
			margin: 0;
			padding: 12px 68px 12px 20px;
			background-color: #5C7732;
			font-size: 20px;
			color: #FFFFFF;
		}

		ul.categories > li.category > ul.businesstypes {
			margin: 0;
			padding: 0;
		}

			ul.categories > li.category > ul.businesstypes > li.businesstype {
				margin: 0;
				padding: 0;
				list-style: none;
			}

				ul.categories > li.category > ul.businesstypes > li.businesstype:first-of-type {
					margin-top: 12px;
				}

				ul.categories > li.category > ul.businesstypes > li.businesstype:not(:last-of-type) {
					margin-bottom: 12px;
				}

				ul.categories > li.category > ul.businesstypes > li.businesstype > h3 {
					line-height: 18px;
					margin: 0;
					padding: 15px 20px;
					background-color: #e3e5cf;
					font-size: 14px;
					color: #000000;
				}

				ul.categories > li.category > ul.businesstypes > li.businesstype ul.reports {
				}

					ul.categories > li.category > ul.businesstypes > li.businesstype ul.reports li.report {
					}

				ul.categories > li.category .accordion--list,
				ul.categories > li.category > ul.businesstypes > li.businesstype .accordion--list {
					padding: 24px 0;
				}

.accordion {
}

.accordion--label {
	cursor: pointer;
	position: relative;
}

.accordion .accordion--label::after {
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	line-height: 48px;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	content: "+";
	position: absolute;
}

.accordion .is-open > .accordion--label::after {
	content: "-";
}

.accordion--list { /*display: none;*/
}

.mpForm, div[data-sf-role="form-container"] {
}

	.mpForm ul {
		margin: 0;
		padding: 0;
	}

		.mpForm ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			.mpForm ul li:not(:last-of-type), div[data-sf-role="form-container"] form .sf-fieldWrp:not(:last-of-type) {
				margin-bottom: 12px;
			}

	.mpForm .mpErrorSummary {
		margin: 24px 0 0 0;
	}

		.mpForm .mpErrorSummary label {
			margin: 0;
			display: block;
		}

		.mpForm .mpErrorSummary ul {
			margin: 24px 0 0 0;
			padding: 0;
		}

			.mpForm .mpErrorSummary ul li {
				margin: 0 0 0 16px;
				padding: 0;
				list-style: disc;
			}

	.mpForm ul.mpFormTable, div[data-sf-role="form-container"] form {
		margin: 24px 0 0 0;
	}

		.mpForm ul.mpFormTable.mpTwoColumnLayout {
		}

			.mpForm ul.mpFormTable.mpTwoColumnLayout li, div[data-sf-role="form-container"] form .sf-fieldWrp {
			}

				.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable {
				}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable.mpHighlight {
					}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable.error {
					}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable.inlineValidated {
					}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormLabel {
					}

						.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormLabel label, div[data-sf-role="form-container"] form .sf-fieldWrp label {
							margin: 0 0 12px 20px;
						}

				div[data-sf-role="form-container"] form .sf-fieldWrp strong {
					padding: 0 0 12px 20px;
					display: block;
				}

				div[data-sf-role="form-container"] form .sf-fieldWrp label {
					display: block;
				}

				.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormLabel .mandatorySign {
				}

				.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField {
				}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField:not([role="group"]) input, div[data-sf-role="form-container"] form .sf-fieldWrp input {
						width: 100%;
						margin: 0;
						padding: 9px 20px;
						border: 1px solid #000000;
						border-radius: 22px;
						text-indent: 0;
					}

					div[data-sf-role="form-container"] form .sf-fieldWrp textarea {
						width: 100%;
						margin: 0;
						padding: 9px 20px;
						border: 1px solid #000000;
						border-radius: 22px;
						text-indent: 0;
					}

						/*
div[data-sf-role="form-container"] form .sf-fieldWrp input[required=required] {padding-right: 48px; position: relative;}
div[data-sf-role="form-container"] form .sf-fieldWrp input[required=required]:after {top: 0; right: 0; width: 48px; height: 48px; line-height: 48px; background-color: red; text-align: center; display: block; content: "*"; position: absolute; z-index: 1;}
*/

						.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField:not([role="group"]) input:focus, div[data-sf-role="form-container"] form .sf-fieldWrp input:focus,
						.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField:not([role="group"]) input:active, div[data-sf-role="form-container"] form .sf-fieldWrp input:active,
						.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField:not([role="group"]) input:hover, div[data-sf-role="form-container"] form .sf-fieldWrp input:hover {
							outline: none;
						}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField:not([role="group"]) select, div[data-sf-role="form-container"] form .sf-fieldWrp select {
						width: 100%;
						height: 48px;
						margin: 0;
						padding: 9px 20px;
						border: 1px solid #000000;
						border-radius: 22px;
						text-indent: 0;
					}

				div[data-sf-role="form-container"] form .sf-fieldWrp p {
					margin: 12px 0 0 20px;
					padding: 0;
					font-weight: normal;
					font-style: italic;
				}

				div[data-sf-role="form-container"] form .sf-fieldWrp[data-sf-role="file-field-container"] p {
					margin: 0 0 12px 20px;
				}

				div[data-sf-role="form-container"] form .sf-fieldWrp[data-sf-role="file-field-container"] a {
					margin: 12px 0 0 20px;
					display: inline-block;
				}

				.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField[role="group"] {
				}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField[role="group"] ul {
						margin: 0 0 0 20px;
						padding: 0;
					}

						.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField[role="group"] ul li {
							margin: 0;
							padding: 0;
							list-style: none;
						}

							.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField[role="group"] ul li input {
								margin: 0 10px 0 0;
							}

							.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpFormField[role="group"] ul li label {
								margin: 0;
								font-weight: normal;
							}

				.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpErrorRow {
				}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpErrorRow label, div[data-sf-role="form-container"] form .sf-fieldWrp p[data-sf-role="error-message"] {
						margin: 12px 0 0 20px;
						padding: 0;
						font-weight: normal;
						color: #f2693f;
					}

				.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpLabelRow {
				}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpLabelRow .submitCellSpacer {
					}

					.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpLabelRow .submitCell {
					}

						.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpLabelRow .submitCell input, div[data-sf-role="form-container"] form .sf-fieldWrp button {
							margin: 0;
							padding: 10px 30px;
							background: rgba(242, 105, 63, 1);
							border: 0;
							border-radius: 22px;
							display: inline-block;
						}

							.mpForm ul.mpFormTable.mpTwoColumnLayout li.mpQuestionTable .mpLabelRow .submitCell input:hover, div[data-sf-role="form-container"] form .sf-fieldWrp button:hover {
								text-decoration: underline;
							}

table {
	width: 100%;
	margin: 24px 0 0 0;
	padding: 0;
	border: 0;
}

	table tbody tr {
	}

		table tbody tr td {
		}

@media (max-width: 576px) {

	main section.banner--detail .detail--content h1 {
		line-height: 40px;
		font-size: 30px;
	}

	main section.banner--detail .detail--content h2 {
		line-height: 30px;
		font-size: 20px;
	}

	footer .footer--middle .container ul {
		flex-direction: column;
	}

	footer .footer--bottom .container {
		flex-direction: column;
	}

		footer .footer--bottom .container ul {
			margin-left: unset;
		}

	.trends {
		grid-template-columns: repeat(1, 1fr);
	}

	ul.workshops, ul.reports, .reports {
		grid-template-columns: 1fr;
	}

	main section.green.green--reports .section--wrapper .wrapper--inset ul {
		flex-direction: column;
	}

	main section.green.green--reports .section--wrapper .wrapper--inset {
		padding: 24px 40px 24px 84px;
	}

	main section.banner--detail .detail--content {
		margin-top: 48px;
		top: unset;
		transform: unset;
	}
}

@media (min-width: 576.02px) and (max-width: 767.98px) {
	footer .footer--bottom .container p {
		line-height: 24px;
	}

	footer .footer--bottom .container ul {
		margin-left: 20px !important;
	}

		footer .footer--bottom .container ul li a {
			vertical-align: top;
			display: block;
		}

	.trends {
		grid-template-columns: repeat(2, 1fr);
	}

	ul.workshops, .reports, ul.reports {
		grid-template-columns: repeat(2, 1fr);
	}

	main section.green.green--reports .section--wrapper .wrapper--inset {
		padding: 24px 20px 24px 41px;
	}
}

@media (min-width: 768px) and (max-width: 820px) {
	.trends {
		grid-template-columns: repeat(2, 1fr);
	}

	ul.workshops, ul.reports, .reports {
		grid-template-columns: repeat(2, 1fr);
	}

	main section.green.green--reports .section--wrapper .wrapper--inset {
		padding: 24px 20px 24px 41px;
	}
}

@media (min-width: 820.98px) and (max-width: 1180px) {
	.trends {
		grid-template-columns: repeat(2, 1fr);
	}

	ul.workshops, ul.reports {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	header .header--logo .logo--wrapper,
	header .header--navigation .navigation--wrapper .wrapper--top,
	header .header--navigation .navigation--bottom nav {
		max-width: 720px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	header .header--logo .logo--wrapper,
	header .header--navigation .navigation--wrapper .wrapper--top,
	header .header--navigation .navigation--bottom nav {
		max-width: 940px;
	}
}

@media (max-width: 820px) {
	main section.banner--simple::before {
		background-image: unset !important;
		background-color: rgba(0, 0, 0, 0.4);
	}

	main section.banner--simple + section.green.green--reports .section--wrapper,
	main section.banner--detail + section.green.green--reports .section--wrapper {
		padding-top: 82px;
	}

	main section.green.green--reports .section--wrapper .wrapper--inset {
		left: 15px;
		transform: translateY(calc(-50% - 82px));
	}

	main section.dark-green .section--wrapper::after,
	main section.dark-green::before {
		display: none;
		visibility: hidden;
	}

	main section.dark-green .section--wrapper::before {
		width: 120px;
		height: calc(100% - 32px);
		bottom: 32px;
		left: -60px;
		border-color: #5C983E;
	}

	main section.dark-green::after {
		bottom: -32px;
		right: 60px;
		width: 200px;
		height: 200px;
		border-radius: 100px;
		opacity: 0.25;
	}
}

@media (max-width: 992px) {
	.menu-toggle {
		display: block;
	}
}

@media (max-width: 992px) {
	.menu-toggle {
		display: block;
	}

	.navigation {
		display: none;
		/*height: calc(100vh - 96px);*/
		position: absolute;
		left: 0;
		top: 65px;
		width: 100%;
		z-index: 50;
		float: none;
		background-color: #FFFFFF;
	}

		.navigation .inner {
			max-width: 1170px;
			margin: 0 auto
		}

	header .header--logo {
		padding: 14px 15px;
	}

	header .header--navigation {
		display: none;
		max-height: calc(100vh - 88px);
		position: absolute;
		left: 0;
		top: 140px;
		width: 100%;
		z-index: 50;
		background-color: #FFFFFF;
	}

	.nav-main .sub-menu li h6 {
		margin: 0;
		padding: 12px 20px;
	}

	header .header--navigation .navigation--wrapper {
		position: static;
	}

		header .header--navigation .navigation--bottom,
		header .header--navigation .navigation--bottom nav ul,
		header .header--navigation .navigation--wrapper .wrapper--top {
			display: block;
		}

			header .header--navigation .navigation--bottom nav ul li a:hover::after,
			header .header--navigation .navigation--bottom nav ul li a.active::after {
				display: none;
				visibility: hidden;
			}

	.nav-main .nav li {
		margin: 0 !important;
		border-bottom: 1px solid #;
	}

		.nav-main .nav li a {
			padding: 12px 20px !important;
			border-bottom: 1px solid #f2f2f2;
		}

			header .header--navigation .navigation--bottom nav ul li a svg,
			.nav-main .nav li a svg {
				width: 24px;
				height: 24px;
				fill: #fff;
				float: right;
				stroke: #000000;
				stroke-width: 2;
				position: relative;
				bottom: 0px;
				right: 0px;
				display: inline-block;
				visibility: visible;
				/*transform: rotate(180deg)*/
			}

	.nav-top {
		display: block;
	}

	.language-picker {
		position: static;
	}

	.search-box {
		margin: 0 !important;
		height: 48px !important;
		border-radius: 0 !important;
	}

	header .header--navigation .navigation--wrapper .wrapper--top .search-box > .search-input {
		width: calc(100% - 48px) !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 48px !important;
		text-indent: 20px !important;
	}

	.search-box .search-btn {
		width: 48px;
		height: 48px;
		border-radius: 0;
	}

	.search-box::before {
		width: 48px !important;
		height: 48px !important;
		line-height: 48px !important;
		font-size: 24px !important;
	}

	.search-box:hover > .search-input {
		padding: 0;
		width: calc(100% - 48px);
	}

	.login .logged > p > span {
		width: calc(100% - 49px);
		margin: 0;
		padding: 12px 20px;
		background-color: transparent;
		border-bottom: 1px solid #f2f2f2;
		border-radius: 0;
		color: #303133;
		display: inline-block;
		float: left;
	}

	.login .logged p a {
		margin: 0;
	}

		.login .logged p a > span {
			width: 49px;
			height: 49px;
			line-height: 48px;
			margin: 0;
			text-align: center;
			border-bottom: 1px solid #f2f2f2;
			border-left: 1px solid #f2f2f2;
			display: inline-block;
			float: right;
		}

		.login .logged p a span.logout:before {
			margin: 0;
		}

	.login .logged p span span {
		display: none;
	}

	.login .logged p a.arrowed-link {
		width: calc(100% - 49px);
		padding: 12px 20px;
		line-height: 24px;
		border-bottom: 1px solid #f2f2f2;
		display: inline-block;
		float: left;
	}

	.language-picker a {
		width: 49px;
		height: 49px;
		line-height: 48px;
		margin: 0;
		padding: 0;
		text-align: center;
		border-bottom: 1px solid #f2f2f2;
		border-left: 1px solid #f2f2f2;
		border-radius: 0;
		display: inline-block;
		float: right;
	}

	.login.status-not-logged {
		width: calc(100% - 49px);
		float: left;
	}

	.login .not-logged > p > span,
	.login .not-logged > p > a {
		margin: 0;
		border-bottom: 1px solid #f2f2f2;
		display: block;
	}

	.login .not-logged p a .icon,
	.login .not-logged p a > span {
		margin: 0;
		padding: 12px 20px;
		display: block;
		line-height: 24px;
		vertical-align: top;
		color: #303133;
	}

	.auditors-search-form {
		display: block;
	}
}

@media (min-width: 992px) {
	header .header--logo {
		padding: 14px 0 0 0;
	}
}
