/*
███╗░░██╗███████╗████████╗░██████╗░███████╗███╗░░██╗███████╗██████╗░░█████╗░████████╗░█████╗░██████╗░
████╗░██║██╔════╝╚══██╔══╝██╔════╝░██╔════╝████╗░██║██╔════╝██╔══██╗██╔══██╗╚══██╔══╝██╔══██╗██╔══██╗
██╔██╗██║█████╗░░░░░██║░░░██║░░██╗░█████╗░░██╔██╗██║█████╗░░██████╔╝███████║░░░██║░░░██║░░██║██████╔╝
██║╚████║██╔══╝░░░░░██║░░░██║░░╚██╗██╔══╝░░██║╚████║██╔══╝░░██╔══██╗██╔══██║░░░██║░░░██║░░██║██╔══██╗
██║░╚███║███████╗░░░██║░░░╚██████╔╝███████╗██║░╚███║███████╗██║░░██║██║░░██║░░░██║░░░╚█████╔╝██║░░██║
╚═╝░░╚══╝╚══════╝░░░╚═╝░░░░╚═════╝░╚══════╝╚═╝░░╚══╝╚══════╝╚═╝░░╚═╝╚═╝░░╚═╝░░░╚═╝░░░░╚════╝░╚═╝░░╚═╝

██████╗░███████╗██████╗░██╗░░░░░██╗███╗░░██╗░░░
██╔══██╗██╔════╝██╔══██╗██║░░░░░██║████╗░██║░░░
██████╦╝█████╗░░██████╔╝██║░░░░░██║██╔██╗██║░░░
██╔══██╗██╔══╝░░██╔══██╗██║░░░░░██║██║╚████║░░░
██████╦╝███████╗██║░░██║███████╗██║██║░╚███║██╗
╚═════╝░╚══════╝╚═╝░░╚═╝╚══════╝╚═╝╚═╝░░╚══╝╚═╝

Theme Name: Netgenerator 2025
Author: Netgenerator 2025
Author URI: https://www.netgenerator.de/
Description: Individuell für Netgenerator 2025
Version: 1.0
*/

:root
{
	scroll-behavior: auto;
	--container-width:100%;
	--light-green:#CFFF8C;
	--dark-green:#001F17;
}

/* monoton-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/monoton-v20-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-tight-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@media (min-width: 1600px) 
{
    .container
    {
        max-width: 1700px;
    }
}

@media (min-width: 576px) 
{
    :root
    {
    	--container-width:540px;
    }
}

@media (min-width: 768px) 
{
    :root
    {
    	--container-width:720px;
    }
}

@media (min-width: 992px) 
{
    :root
    {
    	--container-width:960px;
    }
}

@media (min-width: 1200px) 
{
    :root
    {
    	--container-width:1140px;
    }
}

@media (min-width: 1400px) 
{
    :root
    {
    	--container-width:1320px;
    }
}

@media (min-width: 1600px) 
{
    :root
    {
    	--container-width:1580px;
    }
}

html
{
	font-size: 10px;
}

body
{
	font-family: 'Inter Tight', sans-serif;
	font-size: 1.6rem;
	color: #fff;
	background: #fff;
	overflow-x: hidden;
	font-weight:600;
	max-width: 100%;
	position: relative;
	background:var(--dark-green);
}

body.menu-open
{
	overflow:hidden;
}

.row
{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.row > div
{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.container
{
	padding: 0 1.5rem;
	position:relative;
}

#search-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(152, 144, 129, .6);
	z-index: 999999999;		
	display: none;
}

#search-overlay > div
{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 2rem;
}

#search-container
{
	max-width: 100%;
}

.search-close
{
	position: absolute;
	width:3rem;
	height:3rem;
	right: 2rem;
	top: 2rem;
	color: #fff;
	background:url(assets/images/icon-close.svg);
	background-size:3rem 3rem;
	cursor: pointer;
}

.search-field
{
	border: none;
	border-bottom: 2px solid #fff;
	color: #fff;
	font-size: 3rem;
	padding: 0 0 1rem 0;
	background: none;
	float: left;
}

.search-submit
{
	float: left;
	width: 39px;
	height: 40px;
	background: url(images/icon-3-alt.png);
	border: none;
	cursor: pointer;
	margin-left: 1rem;
}

.search-form ::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.search-form ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.search-form :-ms-input-placeholder { 
  color: #fff;
  opacity: 1;
}
.search-form :-moz-placeholder { 
  color: #fff;
  opacity: 1;
}

.page-header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999999;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:2rem 0 0 0;
}

@media (min-width:768px)
{
	.page-header
	{
		padding:5.5rem 0 0 0;
	}
}

.page-header.scrolled 
{
	background:rgba(0, 31, 23, .9);
	padding:2.5rem 0 2.5rem 0;
	backdrop-filter: blur(10px);
}

.page-header .container
{
	display:flex;
}

.page-header .right
{
	margin-left:auto;
	display:flex;
	align-items:center;
}

.page-header .right .btn
{
	margin-left:2.5rem;
}

body.menu-open .page-header .right .btn
{
	color: var(--dark-green);
    background: var(--light-green);
    border: 2px solid var(--light-green);
}

.page-header .page-logo
{
	float: left;
	font-size:2rem;
	font-weight:700;
	color: #000;
	line-height:3rem;
	text-align: right;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 0 0;
	top:14.4rem;
	left: 1.7rem;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:var(--dark-green);	
	text-decoration:none;
	height:14.4rem;
}

.page-header--dark .page-logo
{
	color:var(--light-green);	
}

body.menu-open .page-header--dark .page-logo
{
	color:var(--dark-green);
}

.page-header .page-logo span
{
	background:var(--light-green);
	padding:.5rem 1rem;
}

.page-header--dark .page-logo span
{
	background:var(--dark-green);
}

body.menu-open .page-header--dark .page-logo span

{
	background:var(--light-green);
}

.page-header .page-logo span:nth-child(1)
{
	padding:.5rem 1rem .5rem 1rem;
}

.page-header .page-logo span:nth-child(2)
{
	padding:0 1rem .5rem 1rem;
}

.menu-hamburger
{
	font-size:1.6rem;
	line-height:2rem;
	font-weight:700;
	cursor:pointer;
	color:var(--light-green);
	padding-right:4rem;
	position:relative;	
	margin-top:3rem;
}

.page-header--dark .menu-hamburger
{
	color:var(--dark-green);
}

body.menu-open .page-header--dark .menu-hamburger
{
	color:var(--light-green);
}

@media (min-width:768px)
{
	.menu-hamburger
	{
		margin-top:0;
		margin-left:8rem;
	}
}

.menu-hamburger:after
{
	content:'';
	width:2.4rem;
	height:2.4rem;
	position:absolute;
	top:50%;
	margin-top:-1.2rem;
	right:0;
	background:url(assets/images/hamburger-1.svg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.page-header--dark .menu-hamburger:after
{
	background:url(assets/images/hamburger-3.svg);
}

.menu-hamburger.clicked:after
{
	background:url(assets/images/hamburger-2.svg);
}

.menu-overlay
{
	background:rgba(0, 31, 23, .95);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index:999;
	padding:20rem 0 5rem 0;
}

@media (min-width:992px)
{
	.menu-overlay
	{
		padding:25rem 0 10rem 0;
	}
}

body.menu-open .menu-overlay
{
	opacity:1;
	pointer-events:all;
}

.menu-overlay .container
{
	height: 100%;
}

.menu-overlay .scrollbar-macosx
{
	height: 100%;
	overflow-y:auto;
	overflow-x:hidden;
}

.scrollbar-macosx>.scroll-element.scroll-x
{
	display:none;
}

body.menu-open .page-content
{
	filter: blur(10px);
}

.menu-top
{		
	display:flex;
	flex-direction:column;
	margin:0;
}

.menu-top li:before
{
	display:none;
}

.menu-top > li
{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	position:relative;
}

.menu-top li a,
.menu-top li ul
{
	position:relative;
	z-index:10;
}

.menu-top li ul
{
	padding-top:2rem;
	padding-bottom:0;
}

@media (min-width:992px)
{
	.menu-top li ul
	{
		padding-top:2rem;
		padding-bottom:0
	}
}

.menu-top > li > a
{
	font-size:2.4rem;
	line-height:3.2rem;
	color:#fff;
	font-weight:700;
	position:relative;
	padding-right:3.5rem;
	display:inline-flex;
	flex-wrap:wrap;
	text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}

@media (min-width:992px)
{
	.menu-top > li > a
	{
		font-size:4rem;
		line-height:4.8rem;
	}
}

.menu-top > .menu-item-has-children > a:before
{
	content:'';
	background:url(assets/images/chevron-2.svg);
	position:absolute;
	right:0;
	top:.7rem;
	width:2rem;
	height:2rem;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media (min-width:992px)
{
	.menu-top > .menu-item-has-children > a:before
	{
		top:1.5rem;
	}
}

.menu-top > .menu-item-has-children.open > a:before
{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media (min-width:992px)
{
	.menu-top > li > a:before
	{
		top:1.3rem;
	}
}

.menu-top .open > a:before
{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.menu-top > li:not(:last-child)
{
	margin-bottom:2rem
}

@media (min-width:992px)
{
	.menu-top > li:not(:last-child)
	{
		margin-bottom:2.5rem
	}
}

@media (min-width:992px)
{
	.menu-top .open:after
	{
		content:'';
		width:100vw;
		height:calc(100% + 3rem);
		top:-1.5rem;
		left:50%;
		margin-left:-50vw;
		position:absolute;
		background:url(assets/images/pattern-1.svg);
	}
}

.menu-top ul
{		
	display:none;
	flex-wrap:wrap;
}

@media (min-width:992px)
{
	.menu-top ul
	{
		margin:0 -1.5rem -3rem -1.5rem;
	}
}

@media (min-width:992px)
{
	.menu-top ul
	{
		width:100%;
	}
}

.menu-top ul > li
{
	padding:0;
	margin-bottom:1.5rem;
}

@media (min-width:768px)
{
	.menu-top ul > li
	{
		width:50%;
		margin-bottom:3rem;
		padding:0 1.5rem;
	}
}

@media (min-width:992px)
{
	.menu-top ul > li
	{
		width:50%;
	}
}

@media (min-width:1200px)
{
	.menu-top ul > li
	{
		width:33.3%;
	}
}

@media (min-width:1400px)
{
	.menu-top ul > li
	{
		width:20%;
	}
}

@media (min-width:992px)
{
	.menu-top ul > li:last-child
	{
		margin-bottom:3rem;
	}
}

.menu-top ul li a
{
	display:block;	
	text-decoration:none;	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
	position:relative;
	font-size:2rem;
	line-height:2.4rem;
	color:var(--light-green);
	font-weight:700;
	hyphens: auto;
	hyphenate-limit-chars: auto;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
}

@media (min-width:992px)
{
	.menu-top ul li a
	{
		padding:0 0 0 3.5rem;
	}
}

@media (min-width:992px)
{
	.menu-top ul li a
	{
		height:100%;
		/*min-height:22rem;*/
		border:2px solid var(--light-green);
		padding:1.5rem 2.5rem;
		/*padding-bottom:7rem;*/
		/*font-size:2.4rem;*/
		/*line-height:2.8rem;*/
	}
}

.menu-top ul li a:hover
{
	background:var(--light-green);
	color:var(--dark-green);
}

.menu-top ul li a .menu-item-description
{
	font-size:1.2rem;
	line-height:1.6rem;
	font-weight:500;
	color:#fff;
	display:block;
	padding-top:1.5rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu-top ul li a:hover .menu-item-description
{
	color:var(--dark-green);
}

.menu-top ul li a:after
{
	content:'';
	width:5.6rem;
	height:5.6rem;
	background:var(--dark-green) url(assets/images/arrow-1.svg) center center no-repeat;
	position:absolute;
	bottom:.8rem;
	right:.8rem;
	opacity:0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu-top ul li a:hover:after
{
	opacity:1;
}

/* page content */

.page-content
{
	/*overflow:hidden;	*/
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.content-block
{
	position:relative;
	overflow:hidden;
}

.content-block .container
{
	position:relative;
	z-index:10;
}

.content-block .holder
{
	position:relative;
	z-index:10;
	margin-bottom:0;
}

@media (min-width:992px)
{
	.content-block
	{
		margin-bottom:0;
	}
}

.block-type-1 .holder
{
	position:relative;
}

.block-type-1 > .container > div > picture
{
	position:absolute;
	right:0;
	top:0;
	width:85%;
}

@media (min-width:767px)
{
	.block-type-1 > .container > div > picture
	{
		width:calc(75% + .7rem);
	}
}

.block-type-1 .container > div > picture:after
{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01251c+0,01251c+100&1+0,0+100 */
	background: linear-gradient(to right,  rgba(1,37,28,1) 0%,rgba(1,37,28,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}

.block-type-1 .container > div > picture img
{
	width:100%;
	height:68rem;
	object-fit:cover;
	object-position:center center;
}

@media (max-width:767px)
{
	.block-type-1 .container > div > picture img
	{
		aspect-ratio: 16 / 9;
		width:100%;
		height:auto;
	}
}

.block-type-1 .row
{
	position:relative;
	z-index:10;
}

.block-type-1:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00291e+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,41,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	bottom:0;
}

.block-type-1 .container--top
{
	padding-top:20rem;
	padding-bottom:10rem;
}

@media (min-width:992px)
{
	.block-type-1 .container--top
	{
		padding-top:22rem;
		padding-bottom:18rem;
	}
}

@media (min-width:992px)
{
	.block-type-1 .container--top:before
	{
		content:'';
		width:100%;
		height:.2rem;
		background:#002018;
		position:absolute;
		top:4rem;
		left:0;
	}
}

.block-type-1 .bg-image-wrap
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.block-type-1 .bg-image
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	opacity:.4;
	filter:grayscale(1);
}

.block-type-1 .bg-image:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--dark-green);
	opacity:.4;
	z-index:3;
}

.block-type-1 .bg-image-wrap:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(assets/images/bg-mask-1.png) center center no-repeat;
	background-image: image-set(
	    url("assets/images/bg-mask-1.avif") type("image/avif"),
	    url("assets/images/bg-mask-1.webp") type("image/webp")
	  );
	background-size:cover;
	opacity:1;
	z-index:5;
}

.block-type-1 .container--bottom
{
	padding-top:2rem;
	padding-bottom:2rem;
}

@media (min-width:992px)
{
	.block-type-1 .container--bottom
	{
		padding-top:4rem;
		padding-bottom:4rem;
	}
}

.block-type-1 .container--bottom:before
{
	content:'';
	width:100vw;
	height:.2rem;
	background:#002018;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
}

.block-type-1 .container--bottom:after
{
	content:'';
	width:100vw;
	height:.2rem;
	background:#002018;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-50vw;
}

.block-type-1 .date
{
	margin-bottom:3rem
}

.block-type-1 .date span
{
	background:var(--light-green);
	color:var(--dark-green);
	padding:.5rem 1rem;
	display:inline-block;
}

.block-type-1 .row--slider
{
	align-items:center;
}

.block-type-1 .slider-title
{
	font-size:1.8rem;
	line-height:2.4rem;
	margin:0 0 2rem 0;
	font-weight:700;
	color:var(--light-green);
}

@media (min-width:768px)
{
	.block-type-1 .slider-title
	{
		margin:0;
	}
}

.block-type-1 .slider .logo
{
	height:4rem;
	display:flex;
	align-items:center;
	justify-content:center;
}

.block-type-1 .slider .logo img,
.block-type-1 .slider .logo picture
{
	max-height:4rem;
	max-width:90%;
	width:auto;
	height:auto;
	position: relative;
	right: auto;
	top: auto;
}

.block-type-1 .breadcrumbs
{
	margin:0;
	font-size:1.8rem;
	line-height:2.4rem;
	font-weight:700;
	color:#fff;
	display:block;
	flex-wrap:wrap;
	align-items:center;
}

.block-type-1 .breadcrumbs .title
{
	margin-right:1rem;
}

.block-type-1 .breadcrumbs a
{
	color:var(--light-green);
	text-decoration:none;
}

.block-type-1 .breadcrumbs .sep
{
	width:2rem;
	height:2rem;
	background:url(assets/images/chevron-1.svg);
	background-size:2rem 2rem;
	display:inline-block;
	margin:0 0.8rem;
	vertical-align:middle;
}

.block-type-1 .big-heading--bottom
{
	bottom:-3.8rem;
	left:0;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#CFFF8C;
}

@media (min-width:992px)
{
	.block-type-1 .big-heading--bottom
	{
		bottom:-15rem;
		left:25%;
		bottom:-5rem;
	}
}

.block-type-1--blog .top
{
	padding-top:12rem;
}

.block-type-1--blog .row
{
	position:relative;
	z-index:10;
}

.block-type-1--blog .holder
{
	position:relative;
}

.block-type-1--blog picture
{
	position:absolute;
	right:0;
	top:0;
	width:calc(75% - 1.5rem);
}

.block-type-1--blog picture:after
{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01251c+0,01251c+100&1+0,0+100 */
	background: linear-gradient(to right,  rgba(1,37,28,1) 0%,rgba(1,37,28,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}

.block-type-1--blog picture img
{
	width:100%;
	height:68rem;
	object-fit:cover;
	object-position:center center;
}

.block-type-2
{
	overflow:hidden;
}

.block-type-2 .container
{
	padding-top:6rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-2 .container
	{
		padding-top:12rem;
	}
}

.block-type-2:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-2 .column-1
{
	margin-bottom:1rem;
}

.block-type-2 .row--faq > div
{
	margin-bottom:8.5rem;
	min-height:40rem;
}

.block-type-2 .box
{
	display:flex;
	flex-wrap:wrap;
	position:relative;
}

.block-type-2 .box .letter
{
	font-size: 9.6rem;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 100% 0;
	position: absolute;
	top: 0;
	right: calc(100% - 2rem);
	width: 39rem;
	text-align: right;
	color:#fff;
}

.block-type-2 .box .letter-items
{
	margin:0 0 0 auto;
	width:calc(100% - 17rem);
	font-size:1.8rem;
	line-height:2.4rem;
	font-weight:700;
	color:var(--light-green);
}

.block-type-2 .box .letter-items li
{
	padding-left:11rem;
	position:relative;
	margin-bottom:2rem;
}

.block-type-2 .box .letter-items li:last-child
{
	margin:0;
}

.block-type-2 .box .letter-items li:before
{
	content:'';
	width:9rem;
	height:.2rem;
	background:var(--light-green);
	position:absolute;
	top:1rem;
	left:0;
}

.block-type-2 .bottom
{
	padding-top:1rem;
}

@media (min-width:992px)
{
	.block-type-2 .bottom
	{
		padding-top:10rem;
	}
}

.block-type-2 .big-heading--bottom
{
	bottom:-3rem;
	left:0;
	text-align:center;
	width:100%;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#CFFF8C;
}

.block-type-2--blog .sidebar-box,
.block-type-18 .sidebar-box
{
	padding:3rem;
	background:var(--light-green);
}

@media (min-width:1400px)
{
	.block-type-2--blog .sidebar-box
	{
		float:right;
		width:30%;
		margin:0 0 2rem 5rem;
	}
}

.block-type-2--blog .sidebar-box a,
.block-type-18 .sidebar-box a
{
	text-decoration:none;
}

.block-type-2--blog .sidebar-box .heading,
.block-type-18 .sidebar-box .heading
{
	margin-bottom:1rem;
}

.block-type-2--blog .sidebar-box .top,
.block-type-18 .sidebar-box .top
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:1rem;
	margin-top: 3rem;
}

.block-type-2--blog .sidebar-box .top .content,
.block-type-18 .sidebar-box .top .content
{
	width:100%
}

@media (min-width:1200px)
{
	.block-type-2--blog .sidebar-box .top .content,
	.block-type-18 .sidebar-box .top .content
	{
		width:calc(100% - 14rem);
	}
}

.block-type-2--blog .sidebar-box .top p,
.block-type-18 .sidebar-box .top p
{
	font-size:2rem;
	line-height:2.8rem;
	margin:0;
}

@media (min-width:1200px)
{
	.block-type-2--blog .sidebar-box .top p,
	.block-type-18 .sidebar-box .top p
	{
		font-size:2rem;
		line-height:2.8rem;
	}
}

.block-type-2--blog .sidebar-box .top img,
.block-type-18 .sidebar-box .top img
{
	width:12rem;
	border-radius:50%;
	margin-left:auto;
	display:none;
}

@media (min-width:1400px)
{
	.block-type-2--blog .sidebar-box .top img,
	.block-type-18 .sidebar-box .top img
	{
		display:block;
	}
}

.block-type-2--blog .sidebar-box .contact-form,
.block-type-18 .sidebar-box .contact-form {
	margin-top: 6rem;
}

.block-type-3
{
	background:var(--light-green);
}

.block-type-3 .container
{
	padding-top:12rem;
	padding-bottom:5rem
}

.block-type-3 .column-1
{
	margin-bottom:6rem;
}

.block-type-3 .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-3 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-3 .top
{
	margin-bottom:4.5rem;
}

.block-type-3 .row--slider
{
	position:relative;	
}

@media (min-width:992px)
{
	.block-type-3 .row--slider
	{
		padding-top:10rem;
		padding-bottom:10rem;
		min-height:55rem;	
	}
}

.block-type-3 .row--slider > div
{
	position:relative;
	z-index:10;	
}

@media (min-width:992px)
{
	.block-type-3 .row--slider:after
	{
		content:'';
		width:calc(100% + .8rem);
		height:100%;
		left:-.4rem;
		background:url(assets/images/lines-bg-1.svg) center 0 no-repeat;
		background-size:100% auto;
		position:absolute;
		top:0;
	}
}

.block-type-3 .slider
{
	width:100%;	
	display:flex;
	margin-bottom:6rem;
}

@media (min-width:768px)
{
	.block-type-3 .slider
	{
		width:calc(100% + ((100vw - var(--container-width)) / 2) + 28rem);
		margin:0 -2rem 6rem -2rem;
	}
}

.block-type-3 .slider, 
.block-type-3 .slider .slick-track {
  display: flex !important;
  align-items: stretch;
}

.block-type-3 .slide
{
	height:auto;	
}

@media (max-width:767px)
{
	.block-type-3 .slide
	{
		width:calc(100vw - 3rem) !important;	
	}
}

@media (min-width:768px)
{
	.block-type-3 .slide
	{
		margin:0 1.5rem;
	}
}

.block-type-3 .slide .box
{
	background:var(--dark-green);	
	padding:11.5rem 2.5rem 4.5rem 2.5rem;	
	position:relative;	
}

@media (min-width:768px)
{
	.block-type-3 .slide .box
	{
		height:100%;
		display:flex;
		flex-direction:column;
	}
}

.block-type-3 .slide .counter
{
	font-size:2.4rem;
	line-height:3.2rem;
	font-weight:600;
	top:2.5rem;
	left:2.5rem;
	color:var(--light-green);
	position:absolute;
}

.block-type-3 .slide .heading
{
	margin-bottom:2.5rem;
	hyphens: auto;
	hyphenate-limit-chars: auto;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
}


@media (min-width:768px)
{
	.block-type-3 .slider-wrap .text-block
	{
		height:100%;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
	}
}

.block-type-3 .text-block .btn
{
	margin-top:auto;
}

.block-type-4
{
	background:var(--light-green);
}

.block-type-4 .container
{
	padding-top:4rem;
	padding-bottom:3rem
}

@media (min-width:768px)
{
	.block-type-4 .container
	{
		padding-top:12rem;
		padding-bottom:6rem
	}
}

.block-type-4 .column-1
{
	margin-bottom:6rem;
}

@media (min-width:1200px)
{
	.block-type-4 .text-block--main .text-block
	{
		padding-right:5rem;
	}
	.block-type-4 .text-block--main .col-md-4 .text-block
	{
		padding-right:5rem;
	}
}

@media (min-width:1400px)
{
	/*.block-type-4 .text-block--main .text-block
	{
		padding-right:20rem;
	}*/
	.block-type-4 .text-block--main .col-md-4 .text-block
	{
		padding-right:5rem;
	}
}

.block-type-4 .top
{
	padding-bottom:6rem;
	margin-bottom:6rem;
	position:relative;
}

@media (min-width:992px)
{
	.block-type-4 .top
	{
		padding-bottom:12rem;
		margin-bottom:6rem;
	}
}

.block-type-4 .top.no-bottom
{
	padding-bottom:0;
	margin-bottom:0;
}

.block-type-4 .top:after
{
	content:'';
	width:calc(100% + 3rem);
	height:.2rem;
	background:#BEE882;
	position:absolute;
	bottom:0;
	left:-1.5rem;
}

.block-type-4 .top.no-bottom:after
{
	display:none;
}

.block-type-4 .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-4 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-4 .cta-box
{
	background:var(--dark-green);
	padding:3.5rem;
}

@media (min-width:992px)
{
	.block-type-4 .cta-box
	{
		padding:6.5rem;
	}
}

.block-type-4 .cta-box .row
{
	align-items:center;
}

.block-type-4 .cta-box .column-1
{
	margin-bottom:6rem;
}

@media (min-width:992px)
{
	.block-type-4 .cta-box .column-1
	{
		margin-bottom:0;
	}
}

.block-type-4 .cta-box .column-2
{
	display:flex;
	justify-content:flex-end;
}

.block-type-5
{
	background:var(--light-green);
	overflow:hidden;
}

.block-type-5 .container
{
	padding-top:6rem;
	padding-bottom:10rem
}

@media (min-width:992px)
{
	.block-type-5 .container
	{
		padding-top:12rem;
		padding-bottom:13rem
	}
}

@media (min-width:992px)
{
	.block-type-5 .text-block--main .text-block
	{
		padding-right:20rem;
	}
}

.block-type-5 .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-5 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

@media (min-width:768px)
{
	.block-type-5 .text-block--main
	{
		margin-bottom:6rem;
	}
}

.block-type-5 .photo
{	
	width:100%;
	margin:3rem 0;
}

@media (min-width:768px)
{
	.block-type-5 .photo
	{
		margin:12rem 0;
	}
}

/*
.block-type-5 .photo
{
	height:40rem;
	background-size:cover;
	background-position:center center;	
}

@media (min-width:768px)
{
	.block-type-5 .photo
	{
		height:80rem;
	}
}
*/

.block-type-5 video
{
	display:block;
	margin:12rem 0;
	object-fit:cover;
	object-position:center center;
	max-width:100%;
	width:100%;
}

.block-type-6
{
	padding-bottom:3rem;
}

.block-type-6 .column-1
{
	padding-top:3rem;
	position:relative;
	z-index:10;
	margin-bottom:6rem;
}

@media (min-width:992px)
{
	.block-type-6 .heading
	{
		width:160%;
	}

	.block-type-6 .column-1
	{
		margin-bottom:0;
	}
}

.block-type-6 .media
{
	position:relative;
}

.block-type-6 .media:after
{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01271d+0,01271d+100&0.2+0,0.8+100 */
	background: linear-gradient(to bottom,  rgba(1,39,29,0.2) 0%,rgba(1,39,29,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.block-type-6 .media .slider-arrows
{
	position:absolute;
	bottom:3rem;
	right:3rem;
	z-index:10;
	border-color:var(--light-green);
}

.block-type-6 .media .progress-bar
{
	position:absolute;
	bottom:0;
	height:.4rem;
	left:0;
	background:var(--light-green);
	width:0;
	z-index:10;
}

.block-type-6 .full-progress .media .progress-bar
{
	width: 100%;
}

.block-type-6 .set-progress .media .progress-bar
{
	animation: sliderNavAnim 10s ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes sliderNavAnim {
  from { width:  0; }
  to { width:  100%;}
}

.block-type-6 .photo
{
	height:30rem;
	width:100%;
	background-size:cover;
	background-position:center 0
}

.block-type-6 video
{
	display:block;
	object-fit:cover;
	object-position:center center;
	max-width:100%;
	height:30rem;
}

@media (min-width:992px)
{
	.block-type-6 .photo,
	.block-type-6 video
	{
		height:70rem;
	}
}

.block-type-7 .container
{
	padding-top:6rem;
}

@media (min-width:992px)
{
	.block-type-7 .container
	{
		padding-top:12rem;
	}
}

.block-type-7:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-7 .column-1
{
	margin-bottom:6rem;
}

.block-type-8 .container
{
	padding-top:6rem;
	padding-bottom:8rem;
}

@media (min-width:992px)
{
	.block-type-8 .container
	{
		padding-top:12rem;
		padding-bottom:15rem;
	}
}

.block-type-8:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-8 .big-heading--top
{
	top:8rem;
	right:0;
	width:100%;
	text-align:right;
	font-size:120rem;
	line-height:100rem;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#CFFF8C;
}

.block-type-8 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	text-align:center;
	width:100%;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#CFFF8C;
}

.block-type-8 .indent--right
{
	clear:both;
}

@media (min-width:1400px)
{
	.block-type-8 .indent--right
	{
		padding-right:0;
	}
}

@media (min-width:1600px)
{
	.block-type-8 .indent--right
	{
		padding-right:6rem;
	}
}

.block-type-8 .column-1
{
	margin-bottom:4rem;
}

.block-type-9
{
	background:var(--light-green);
}

.block-type-9 .container
{
	padding-top:10rem;
	padding-bottom:10rem;	
	display:flex;
	flex-direction:column;
	justify-content:center;	
}

@media (min-width:992px)
{
	.block-type-9 .container
	{
		padding-top:20rem;
		padding-bottom:20rem;	
		min-height:54rem;
	}
}

@media (min-width:992px)
{
	.block-type-9 .container:before
	{
		content:'';
		width:calc(100% + .8rem);
		height:100%;
		left:-.4rem;
		background:url(assets/images/lines-bg-1.svg) center center no-repeat;
		background-size:100% auto;
		position:absolute;
		top:0;
	}
}

.block-type-9 .heading
{
	margin:0;
}

.block-type-9 .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-9 .big-heading--bottom
{
	bottom:-3rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-10
{
	position:relative;
}

.block-type-10 .container
{
	padding-top:0;
	padding-bottom:6rem;
}

@media (min-width:992px)
{
	.block-type-10 .container
	{
		padding-bottom:20rem;
	}
}

.block-type-10:before
{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+50,7db9e8+100&0+0,1+50,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,0) 0%,rgba(0,41,30,1) 50%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.block-type-10:after
{
	content:'';
	width:80vw;
	height:80vw;
	position:absolute;
	top:50%;
	margin-top:-40vw;
	left:50%;
	margin-left:-40vw;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: radial-gradient(
		ellipse at center,
		rgba(255, 255, 255, 1) 0%,   /* semi-transparent center */
		rgba(255, 255, 255, 0) 50%     /* fully transparent edges */
	);
	border-radius:50%;
	opacity:.05;
}

.block-type-10 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#CFFF8C;
}

.block-type-10 .counters > div
{
	margin-bottom:7rem;
}

@media (min-width:768px)
{
	.block-type-10 .counters .line
	{
		width:100%;
		height:.2rem;
		background:#002018;
	}
}

.block-type-10 .counter
{
	display:flex;
	align-items:flex-end;
	flex-wrap:wrap;
}

.block-type-10 .counter .number
{
	font-size:15.8rem;
	line-height:12rem;
	color:var(--light-green);
	margin:0;
}

@media (min-width:768px)
{
	.block-type-10 .counter .number
	{
		font-size:11.8rem;
		line-height:9rem;
	}
}

@media (min-width:992px)
{
	.block-type-10 .counter .number
	{
		font-size:11.8rem;
		line-height:9rem;
	}
}

@media (min-width:1200px)
{
	.block-type-10 .counter .number
	{
		font-size:15.8rem;
		line-height:12rem;
	}
}

@media (min-width:1400px)
{
	.block-type-10 .counter .number
	{
		font-size:22.8rem;
		line-height:16rem;
	}
}

@media (min-width:1600px)
{
	.block-type-10 .counter .number
	{
		font-size:28.8rem;
		line-height:22rem;
	}
}

.block-type-10 .counter .text
{
	font-size:2.2rem;
	line-height:2.2rem;
	margin:0;	
	display:block;
	width:100%;
	padding-top:2rem;
}

@media (min-width:768px)
{
	.block-type-10 .counter .text
	{
		font-size:1.8rem;
		line-height:1.8rem;
		width:auto;
		margin-left:2rem;
		padding-top:0;
	}
}

@media (min-width:992px)
{
	.block-type-10 .counter .text
	{
		font-size:1.8rem;
		line-height:1.8rem;
	}
}

@media (min-width:1200px)
{
	.block-type-10 .counter .text
	{
		font-size:2.2rem;
		line-height:2.2rem;
	}
}

@media (min-width:1400px)
{
	.block-type-10 .counter .text
	{
		font-size:3.2rem;
		line-height:3.2rem;
	}
}

.block-type-11
{
	padding:6rem 0 8rem 0;
}

@media (min-width:992px)
{
	.block-type-11
	{
		padding:14rem 0 16rem 0;
	}
}

.block-type-11 section:not(:last-child)
{
	margin-bottom:12rem;
}

.block-type-11 section:nth-child(even) .heading
{
	text-align:right !important;
}


.block-type-11 .heading
{
	hyphens: auto;
	hyphenate-limit-chars: auto;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
}

.block-type-11 section .box
{
	background:var(--light-green);
	padding:3.5rem;	
}

@media (min-width:992px)
{
	.block-type-11 section .box
	{
		padding:6.5rem 6.5rem 6.5rem 6.5rem;
		min-height:60rem;
	}
}

@media (min-width:992px)
{
	.block-type-11 section:nth-child(odd) .box
	{
		padding-right:25rem;
	}
}

@media (min-width:992px)
{
	.block-type-11 section:nth-child(even) .box
	{
		padding-left:25rem;
	}
}

.block-type-11 img
{
	border:2px solid var(--light-green);
	max-width:100%;
	z-index:10;
	position:relative;	
}

@media (min-width:992px)
{
	.block-type-11 img
	{
		max-width:calc(100% + 20rem);
		margin-top:6rem;
	}
}

.block-type-11 section:nth-child(odd) img
{
	float:right;
}

.block-type-12
{
	padding-bottom:10rem;
}

.block-type-12 > .container
{
	border-top:2px solid var(--light-green);
	padding-top:6rem;
}

.block-type-12 .top
{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:5.5rem;
}

.block-type-12 .top .heading
{
	margin:0;
}

.block-type-12 .top .portfolio-list-filter
{
	margin-left:auto;
}

.portfolio-list-filters
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999999;
	backdrop-filter: blur(10px);
	background:rgba(0, 31, 23, .8);
	display:none;
}

.portfolio-list-filters .container
{
	padding-top:15rem;
	padding-bottom:15rem;
}

.portfolio-list-filters .close
{
	width:6.4rem;
	height:6.4rem;
	background:var(--light-green) url(assets/images/icon-close.svg) center center no-repeat;
	position:absolute;
	top:5.5rem;
	right:0;
	cursor:pointer;
}

.portfolio-list-filters .row--list > div
{
	margin-bottom:2.5rem;
}

.portfolio-list-filters .term
{
	display:flex;
	cursor:pointer;	
	flex-wrap:wrap;
	align-items:center;
	border-bottom:1px solid var(--light-green);
	height:100%;
	min-height:8rem;
}

.portfolio-list-filters .term .counter
{
	width:6rem;
	background:var(--light-green);
	font-weight:700;
	font-size:2.4rem;
	color:var(--dark-green);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:100%;
}

.portfolio-list-filters .term .title
{
	width:calc(100% - 6rem);
	margin-left:auto;
	padding:2.5rem 1.5rem;
}

.block-type-12 .load-more-wrap
{
	text-align:center;
}

.block-type-13
{
	background:var(--light-green);
	color:var(--dark-green);
}

.block-type-13 .container
{
	padding-top:12rem;
	padding-bottom:6rem
}

@media (min-width:992px)
{
	.block-type-13 .text-block--main .text-block
	{
		padding-right:20rem;
	}
}

.block-type-13 .top
{
	padding-bottom:12rem;
	margin-bottom:12rem;
	position:relative;
}

.block-type-13 .top.no-bottom
{
	padding-bottom:0;
	margin-bottom:0;
}

.block-type-13 .top:after
{
	content:'';
	width:calc(100% + 3rem);
	height:.2rem;
	background:#BEE882;
	position:absolute;
	bottom:0;
	left:-1.5rem;
}

.block-type-13 .top.no-bottom:after
{
	display:none;
}

.block-type-13 .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-13 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-13 .cta-box
{
	background:var(--dark-green);
	padding:6.5rem;
}

.block-type-13 .cta-box .row
{
	align-items:center;
}

.block-type-13 .cta-box .column-2
{
	display:flex;
	justify-content:flex-end;
}

.block-type-13 .row--lexicon > div
{
	margin-bottom:8.5rem;
}

.block-type-13 .row--lexicon .letter-section
{
	display:flex;
	flex-wrap:wrap;
}

.block-type-13 .row--lexicon .letter
{
	font-size:20rem;
	line-height:15rem;
	font-weight:700;
	width:15rem;
}

.block-type-13 .row--lexicon .letter-items
{
	margin:0 0 0 auto;
	width:calc(100% - 17rem);
	font-size:1.8rem;
	line-height:2.4rem;
	font-weight:700;
}

.block-type-13 .row--lexicon .letter-items li
{
	padding-left:11rem;
	position:relative;
	margin-bottom:2rem;
}

.block-type-13 .row--lexicon .letter-items li:last-child
{
	margin:0;
}

.block-type-13 .row--lexicon .letter-items li:before
{
	content:'';
	width:9rem;
	height:.2rem;
	background:var(--dark-green);
	position:absolute;
	top:1rem;
	left:0;
}

.block-type-15 .container
{
	padding-top:5rem;
}

.block-type-15:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-16 .container
{
	padding-top:6rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-16 .container
	{
		padding-top:12rem;
	}
}

.block-type-16:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-16 .row--top
{
	align-items:center;
	margin-bottom:5.5rem;
}

.block-type-16 .row--top .heading
{
	margin:0;
}

.block-type-16 .row--top .column-2
{
	display:flex;	
	padding-top:3rem;
}

@media (min-width:768px)
{
	.block-type-16 .row--top .column-2
	{
		justify-content:flex-end;
		padding-top:0;
	}
}

.block-type-16 .slider
{
	margin:0 -1.5rem 4rem -1.5rem;
}

.block-type-16 .slider .slide
{
	padding:0 1.5rem;
	display:flex;
	min-height:100%;
	height:100%;
}

.block-type-16 .slick-track
{
    display: flex !important;
}

.block-type-16 .slick-slide
{
    height: inherit !important;
}

.block-type-16 .slider .box
{
	display:block;
	text-decoration:none;
}

.block-type-16 .slider .box:hover
{
	text-decoration:none;
}

.block-type-16 .slider .box picture
{
	margin-bottom:2.5rem;
	display:block;
	aspect-ratio:1 / 1;
}

.block-type-16 .slider .box .text-block
{
	padding-left:2.5rem;
	border-left:2px solid var(--light-green);
}

.block-type-16 .slider-arrows-wrap
{
	display:flex;
	justify-content:flex-end;
}

.block-type-16 .slider-arrows
{
	border-color:var(--light-green);
}

.block-type-17.background--light
{
	background:var(--light-green);
}

.block-type-17.background--dark
{
	background:var(--dark-green);
}

.block-type-17 .container
{
	padding-top:5rem;
	padding-bottom:5rem;
}

@media (min-width:768px)
{
	.block-type-17 .container
	{
		padding-top:10rem;
		padding-bottom:10rem;
	}
}

.block-type-17.background--dark:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00291e+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,41,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	bottom:0;
}

.block-type-17 .row--logos > div
{
	margin-bottom:1rem;
	width:50%;
	flex:auto;
}

@media (min-width:768px)
{
	.block-type-17 .row--logos > div
	{
		width:auto;
	}
}

.block-type-17 .column-1:nth-child(0)
{
	margin-left:0;
}

@media (min-width:768px)
{
	.block-type-17 .column-6:nth-child(even)
	{
		margin-right:10rem;
	}
}

.block-type-17 .logo
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:9rem;
}

.block-type-17 .logo img
{
	max-height:100%;
	width:auto;
	max-width:12.5rem
}

.block-type-19 .container
{
	padding-top:12rem;
	padding-bottom:6rem
}

.block-type-19.background--light
{
	background:var(--light-green);
}

.block-type-19.background--dark:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-19 .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-19 .big-heading--bottom
{
	bottom:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-19.background--dark .big-heading--top,
.block-type-19.background--dark .big-heading--bottom
{
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.block-type-20
{
	overflow:hidden;
}

.block-type-20 .container
{
	padding-top:6rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-20 .container
	{
		padding-top:12rem;
	}
}

.block-type-20:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-20 .row--testimonials
{
	padding-top:10rem;
}

.block-type-20 .row--testimonials > div:not(:last-child)
{
	margin-bottom:8rem;
}

.block-type-20 .box
{
	background:var(--light-green);
	padding:13rem 3.5rem 4.5rem 3.5rem;
	position:relative;
	margin-left:4rem;
}

@media (min-width:768px)
{
	.block-type-20 .box
	{
		padding:4rem 4.5rem 6.5rem 13.5rem;
	}
}

.block-type-20 .row--testimonials > div:nth-child(even) .box
{
	margin-right:4rem;
}

.block-type-20 .box:before
{
	content:'';
	width:9.1rem;
	height:8.7rem;
	background:url(assets/images/icon-quote.svg);
	background-size:9.1rem 8.7rem;
	position:absolute;
	bottom:2rem;
	left:1rem;
	display:none;
}

@media (min-width:768px)
{
	.block-type-20 .box:before
	{
		display:block;
	}
}

.block-type-20 .box img
{
	width:14rem;
	position:absolute;
	top:-4rem;
	left:-4rem;
}

.block-type-20 .row--testimonials > div:nth-child(even) .box img
{
	left:auto;
	right:-4rem;
}

.block-type-20 .row--testimonials > div:nth-child(even) .box:before
{
	left:auto;
	right:1.5rem;
}

.block-type-20 .row--testimonials > div:nth-child(even) .box
{
	padding:13rem 3.5rem 4.5rem 3.5rem;
}

@media (min-width:768px)
{
	.block-type-20 .row--testimonials > div:nth-child(even) .box
	{
		padding:4rem 13.5rem 6.5rem 4.5rem;
	}
}

.block-type-21
{
	background:var(--light-green);
}

.block-type-21.background--dark-green
{
	background:var(--dark-green);
}

.block-type-21.background--light-green
{
	background:var(--light-green);
}

.block-type-21 .container
{
	padding-top:6rem;
	padding-bottom:6rem
}

.block-type-21 .cta-box
{	
	padding:3.5rem;
}

.block-type-21 .cta-box--light-green
{
	background:var(--light-green);
}

.block-type-21 .cta-box--dark-green
{
	background:var(--dark-green);
}

@media (min-width:992px)
{
	.block-type-21 .cta-box
	{
		padding:6.5rem;
	}
}

.block-type-21 .cta-box .row
{
	align-items:center;
}

.block-type-21 .cta-box .column-1
{
	margin-bottom:6rem;
}

@media (min-width:992px)
{
	.block-type-21 .cta-box .column-1
	{
		margin-bottom:0;
	}
}

.block-type-21 .cta-box .column-2
{
	display:flex;
	justify-content:flex-end;
}

.block-type-22 .container
{
	padding-top:6rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-22 .container
	{
		padding-top:12rem;
	}
}

.block-type-22:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-22 .column-1
{
	text-align:center;
}

.block-type-22 .column-2
{
	position:relative;
	padding-top:10rem;
}

.block-type-22 .column-2:before
{
	content:'';
	width:88.2rem;
	height:76.3rem;
	background:url(assets/images/bg-2.png);
	background-image: image-set(
	  url("assets/images/bg-2.avif") type("image/avif"),
	  url("assets/images/bg-2.webp") type("image/webp")
	);
	background-size:88.2rem 76.3rem;
	position:absolute;
	top:-5rem;
	left:-10rem;
	opacity:.1;
}

.block-type-22 .column-2 > div
{
	position:relative;
	z-index:10;
}

.block-type-23 
{
	overflow:hidden;
}

.block-type-23 .slider
{
	position:relative;	
}

.block-type-23 .slide
{
	min-height:100vh;
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	position:sticky;
	top:0;
	left:0;
}

.heading--outline
{
   -webkit-text-stroke: 2px #ffffff !important;
   color:rgba(0,0,0,0) !important;
}

.heading--outline.text-color--light-green
{
   -webkit-text-stroke: 2px var(--light-green) !important;
   color:rgba(0,0,0,0) !important;
}

.block-type-23 .slide.background--dark-green
{
	background:var(--dark-green);
}

.block-type-23 .slide.background--light-green
{
	background:var(--light-green);
}

.block-type-23 .holder
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	opacity:0;
	pointer-events:none;
}

.block-type-23 .holder.visible
{
	opacity:1;
}

.block-type-24
{
	overflow:hidden;
}

.block-type-24 .container
{
	padding-top:12rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-24 .container
	{
		padding-top:24rem;
	}
}

.block-type-24:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-24 .column-1
{
	text-align:center;
	margin-bottom:5rem;
}

.block-type-25
{
	padding:10rem 0;
}

.block-type-26
{
	padding:10rem 0;
}

.block-type-27
{
	overflow:hidden;
}

.block-type-27 .container
{
	padding-top:6rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-27 .container
	{
		padding-top:12rem;
	}
}

.block-type-27:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-27 .portfolio-categories .row--list > div
{
	margin-bottom:2.5rem;
}

.block-type-27 .portfolio-categories .term
{
	display:flex;
	cursor:pointer;	
	flex-wrap:wrap;
	align-items:center;
	border:1px solid var(--light-green);
	height:100%;
	min-height:8rem;
	text-decoration:none;
}

.block-type-27 .portfolio-categories .term .counter
{
	width:6rem;
	background:var(--light-green);
	font-weight:700;
	font-size:2.4rem;
	color:var(--dark-green);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:100%;
}

.block-type-27 .portfolio-categories .term .title
{
	width:calc(100% - 6rem);
	margin-left:auto;
	padding:2.5rem 1.5rem;
	font-size:2rem;
}

.block-type-27 .portfolio-categories .term .title span
{
	display:block;
	font-size:1.4rem;
	color:var(--light-green);
}

.block-type-28
{
	overflow:hidden;
}

.block-type-28 .container
{
	padding-top:6rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-28 .container
	{
		padding-top:12rem;
	}
}

.block-type-28:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-28 .row--top
{
	align-items:center;
	margin-bottom:5.5rem;
}

.block-type-28 .row--top .heading
{
	margin:0;
}

.block-type-28 .row--top .column-2
{
	display:flex;	
	padding-top:3rem;
}

@media (min-width:768px)
{
	.block-type-28 .row--top .column-2
	{
		justify-content:flex-end;
		padding-top:0;
	}
}

.block-type-28 .row--posts .post .title
{
	font-size:3rem;
	line-height:3.8rem;
	font-weight:700;
}

.snippet-form
{
	background:var(--light-green);
	padding:5rem;
}

.snippet-preview-wrap
{
	padding:10rem 0 0 0;
}

.snippet-form form > div
{
	margin-bottom:3rem;
}

.snippet-form form p
{
	margin:0 0 1rem 0;
}

.snippet-form form span
{
	margin-right:.5rem;
	display:inline-block;
}

.snippet-form form .title-letters,
.snippet-form form .description-letters
{
	display:flex;
	justify-content:flex-end;
	color:var(--dark-green);
}

.snippet-form label
{
	font-size:2.4rem;
	line-height:2.4rem;
	font-weight:600;
	color:var(--dark-green);
	margin-bottom:0;
	display:block;
}

.snippet-form input[type=text],
.snippet-form textarea
{
	width: 100%;
	border: none;
	background: transparent;
	font-size:2.4rem;
	padding:1rem 0;
	min-height:5rem;
	border-bottom:2px solid var(--dark-green);
	color:var(--dark-green);
	font-weight:400;
}

.snippet-form textarea
{
	height:8rem;
	resize:none;
	display:block;
}

.snippet-preview
{
	position: relative;
}

.snippet-preview .container
{
	position: relative;
	z-index: 10;
	display:flex;
	justify-content:center;
}

.snippet-preview .preview
{
	position: relative;
}

.snippet-preview .preview .meta
{
	position: absolute;
	left: 180px;
	top: 140px;
	width: 505px;
	height: 90px;
	border: 1px dashed #000000;
	padding: 10px 15px;
	cursor: pointer;
	overflow: hidden;
}

.snippet-preview .preview .meta p
{
	margin: 0;
}

.snippet-preview .preview .meta .preview-title
{
	font-size: 1.5rem;
	color: #1a0dab;
	line-height: 1.8rem;
}

.snippet-preview .preview .meta .preview-url
{
	font-size: 1.3rem;
	line-height: 2rem;
	color: #006621;
}

.snippet-preview .preview .meta .preview-description
{
	font-size: 1.3rem;
	color: #545454;
	line-height: 1.4rem;
}

.bar-chart
{
	margin-bottom: 15px;
}

.bar-chart:last-child
{
	margin: 0;
}

.bar-chart .bar
{
	width: 0;
	height: 40px;
	background: #fff;
	margin-bottom: 2px;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.bar-chart .bar.full
{
	background: var(--light-green);
}

.bar-chart p
{
	font-size: 1.5rem;
	color: #fff;
	margin: 0;
}

.wp-pagenavi
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.wp-pagenavi > span,
.wp-pagenavi > a
{
	width:6.8rem;
	height:6.8rem;
	border:2px solid var(--light-green);
	font-size:1.6rem;
	line-height:2.4rem;
	font-weight:700;
	display:inline-flex;
	margin:0 .4rem;
	color:var(--light-green);
	text-decoration:none;
	align-items:center;
	justify-content:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.wp-pagenavi a .next,
.wp-pagenavi a .prev
{
	width:2rem;
	height:2rem;
	background:url(assets/images/chevron-1.svg) center center no-repeat;
	display:inline-block;
}

.wp-pagenavi a .prev
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wp-pagenavi a:hover,
.wp-pagenavi .current
{
	background:var(--light-green);
	color:var(--dark-green);
	text-decoration:none;
}

.post-categories
{
	font-size:1.6rem;
	line-height:2rem;
}

@media (min-width:992px)
{
	.post-categories
	{
		font-size:1.6rem;
		line-height:2rem;
	}
}

@media (min-width:1200px)
{
	.post-categories
	{
		font-size:2rem;
		line-height:2.4rem;
	}
}

@media (min-width:1400px)
{
	.post-categories
	{
		font-size:2rem;
		line-height:2.4rem;
	}
}

@media (min-width:1600px)
{
	.post-categories
	{
		font-size:2.4rem;
		line-height:2.8rem;
	}
}

.post-categories li
{
	margin-bottom:1rem;
	display:block;
	padding:0;
}

@media (min-width:768px)
{
	.post-categories li
	{
		margin-bottom:1.5rem;
	}
}

.post-categories li:before
{
	display:none;
}

.post-categories a
{
	display:flex;
	align-items:center;
	text-decoration:none;
	min-height:3.5rem;
	position:relative;	
	border-left:2px solid var(--light-green);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (min-width:768px)
{
	.post-categories a
	{
		min-height:6rem;
	}
}

.post-categories a:hover,
.post-categories .current a
{
	text-decoration:none;
	color:var(--dark-green);
}

.post-categories a > span
{
	position:relative;
	padding:0 5rem 0 8rem;
}

.post-categories a:before
{
	content:'';
	width:0;
	height:100%;
	background:var(--light-green);
	top:0;
	left:0;
	position:absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.post-categories a:after
{
	content:'';
	position:absolute;
	right:0;
	top:0;
	right:0;
	width:5rem;
	height:100%;
	background:url(assets/images/chevron-1.svg) center center no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.post-categories a:hover:after,
.post-categories .current a:after
{
	background:url(assets/images/chevron-3.svg) center center no-repeat;
}

.post-categories a:hover:before,
.post-categories .current a:before
{
	width:100%;
}

.post-categories a .counter
{
	color:var(--light-green);
	font-size:2.2rem;
	line-height:2.2rem;
	font-weight:700;
	width:7rem;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (min-width:768px)
{
	.post-categories a .counter
	{
		font-size:3.2rem;
		line-height:3.2rem;
	}
}

.post-categories a:hover .counter,
.post-categories .current a .counter
{
	color:var(--dark-green);
}

.row--posts > div
{
	margin-bottom:9.5rem;
}

.row--posts .post
{
	display:flex;
	flex-direction:column;
	min-height:100%;
}

.row--posts .post a
{
	text-decoration:none;
}

.row--posts .post .thumb
{
	margin-bottom:3.5rem;
	border-bottom:2px solid var(--light-green);
	display:block;
	position:relative;
}

.row--posts .post .thumb img
{
	height:auto;
	object-fit:cover;
	object-position:center center;
	width:100%;
}

@media (min-width:767px)
{
	.row--posts .post .thumb img
	{
		height:30rem;
	}
}

.row--posts .post .thumb .date
{
	font-size:1.8rem;
	line-height:2.4rem;
	font-weight:600;
	background:var(--light-green);
	color:var(--dark-green);
	position:absolute;
	right:0;
	bottom:0;
	padding:.5rem 1rem;
	margin:0;
}

.row--posts .post .title
{
	font-size:4rem;
	line-height:4.8rem;
	font-weight:700;
}

.row--posts .post .bottom
{
	margin-top:auto;
}

.row--posts .post .excerpt
{
	font-size:1.8rem;
	line-height:2.4rem;
	font-weight:600;
	margin-bottom:3rem;
}

.portfolio-list
{
	margin:0 0 6rem 0;
	position:relative;
	min-height:10rem;
}

.portfolio-list .loader
{
	width:100%;
	height:100%;
	background:url(assets/images/loader.svg) center center no-repeat;
	position:absolute;
	top:0;
	left:0;
}

.show-more.loading:after
{
	content:'';
	width:100%;
	height:100%;
	background:#001F1750 url(assets/images/loader.svg) center center no-repeat;
	position:absolute;
	top:0;
	left:0;
}

.portfolio-list > div
{
	padding:0;
}

.portfolio-list .item
{
	height:30rem;
	overflow:hidden;
	text-decoration:none;
	background-size:cover;
	background-position:center center;
	display:flex;
	flex-direction:column;
	position:relative;	
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-list .item .video-holder 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-list .item .video-holder video
{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-list .item .cover
{
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display:flex;
	flex-direction:column;
	height:100%;
	z-index:10;	
	padding:3rem;
}

.portfolio-list .item:hover .cover
{
	opacity:1;
	background:rgba(0, 31, 23, 0.8)
}

.portfolio-list .item .cover .text-block
{
	margin-bottom:1.5rem;
}

.portfolio-list .item h2
{
	font-size:3.2rem;
	line-height:3.2rem;
	margin-bottom:2.5rem;
}

.portfolio-list .item .btn-wrap
{
	margin-top:auto;
}

.portfolio-list .item .pinned
{
	position:absolute;
	top:20px;
	right:20px;
}

.portfolio-list .item .pinned img
{
	width:20px;
}

.block-type-portfolio-intro
{
	margin:0;
}

.block-type-portfolio-intro .heading
{
	hyphens: auto;
	hyphenate-limit-chars: auto;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
}


@media (min-width:1600px)
{
	.block-type-portfolio-intro .heading
	{
		hyphens: none;
		-webkit-hyphens: none;
		-ms-hyphens: none;
	}
}

.block-type-portfolio-intro:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00291e+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,41,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	bottom:0;
}

.block-type-portfolio-intro .container--top
{
	padding-top:20rem;
	padding-bottom:6rem;
}

@media (min-width:992px)
{
	.block-type-portfolio-intro .container--top
	{
		padding-top:22rem;
		padding-bottom:18rem;
	}
}

@media (min-width:992px)
{
	.block-type-portfolio-intro .container--top:before
	{
		content:'';
		width:100%;
		height:.2rem;
		background:#002018;
		position:absolute;
		top:4rem;
		left:0;
	}
}

.block-type-portfolio-intro .logo
{
	max-width:32rem;
	height:12rem;
	margin-bottom:6rem;
	display:flex;
	align-items:center;
}

.block-type-portfolio-intro .logo picture,
.block-type-portfolio-intro .logo img
{
	max-height:100%;
	display:block;
	max-height:12rem;
}

.block-type-portfolio-intro .bg-image-wrap
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.block-type-portfolio-intro .bg-image
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	opacity:.2;
	filter:grayscale(1);
}

.block-type-portfolio-intro .bg-image:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--dark-green);
	opacity:.4;
	z-index:3;
}

.block-type-portfolio-intro .bg-image-wrap:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(assets/images/bg-mask-1.png) center center no-repeat;
	background-size:cover;
	opacity:1;
	z-index:5;
}

.block-type-portfolio-intro .bg-image-wrap.no-overlay:after
{
	display:none;
}

.block-type-portfolio-intro .video-holder
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60rem;
	-webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.block-type-portfolio-intro .video-holder:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(assets/images/pattern-1.svg);
	z-index:10;
}

.block-type-portfolio-intro .video-holder:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(assets/images/bg-mask-1.png) center center no-repeat;
	background-size:cover;
	opacity:1;
	z-index:5;
}

.block-type-portfolio-intro video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.block-type-portfolio-intro .container--bottom:before
{
	content:'';
	width:100vw;
	height:.2rem;
	background:#002018;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
}

.block-type-portfolio-intro .container--bottom:after
{
	content:'';
	width:100vw;
	height:.2rem;
	background:#002018;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-50vw;
}

.block-type-portfolio-intro .breadcrumbs
{
	padding:4rem 0;
	margin:0;
	font-size:1.8rem;
	line-height:2.4rem;
	font-weight:700;
	color:#fff;
	display:block;
	flex-wrap:wrap;
	align-items:center;
}

.block-type-portfolio-intro .breadcrumbs .title
{
	margin-right:1rem;
}

.block-type-portfolio-intro .breadcrumbs a
{
	color:var(--light-green);
	text-decoration:none;
}

.block-type-portfolio-intro .breadcrumbs .sep
{
	width:2rem;
	height:2rem;
	background:url(assets/images/chevron-1.svg);
	background-size:2rem 2rem;
	display:inline-block;
	margin:0 .8rem;
	vertical-align:middle;
}

.block-type-portfolio-intro .big-heading--bottom
{
	bottom:-15rem;
	left:25%;
	text-align:center;
	background: linear-gradient(to bottom, #CFFF8C00, #CFFF8C);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.block-type-portfolio-intro picture.in-front
{
	position:absolute;
	right:0;
	top:0;	
	width:85%;
}

@media (min-width:768px)
{
	.block-type-portfolio-intro picture.in-front
	{		
		width:calc(75% + .7rem);
	}
}

.block-type-portfolio-intro picture.in-front:after
{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01251c+0,01251c+100&1+0,0+100 */
	background: linear-gradient(to right,  rgba(1,37,28,1) 0%,rgba(1,37,28,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}

.block-type-portfolio-intro picture.in-front img
{
	width:100%;
	height:68rem;
	object-fit:cover;
	object-position:center center;
}

@media (max-width:767px)
{
	.block-type-portfolio-intro picture.in-front img
	{
		aspect-ratio: 16 / 9;
		width:100%;
		height:auto;
	}
}

.block-type-portfolio-intro .row
{
	position:relative;
	z-index:10;
}

.block-type-portfolio-details
{
	overflow:hidden;
}

.block-type-portfolio-details .container
{
	padding-top:12rem;
	padding-bottom:6rem;
}

@media (min-width:768px)
{
	.block-type-portfolio-details .container
	{
		padding-top:12rem;
		padding-bottom:12rem;
	}
}

.block-type-portfolio-details:after
{
	content:'';
	width:100%;
	height:50rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00291e+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,41,30,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	top:0;
}

.block-type-portfolio-details .logo
{
	margin-bottom:3rem;
	max-height:12rem;
}

.block-type-portfolio-screens .top
{
	position:relative;
}

.block-type-portfolio-screens .top .big-heading--bottom
{
	bottom:-3rem;
	left:0;
	width:100%;
	text-align:center;
	background: linear-gradient(to bottom, #CFFF8C);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.block-type-portfolio-screens .gallery-screens
{
	text-align:center;
	position:relative;
	z-index:10;
}

.block-type-portfolio-screens .gallery-screens picture
{
	margin-bottom:4rem;
	display:block;
}

.slider-arrows
{
	display:inline-flex;
	align-items:center;
	border:2px solid var(--dark-green);
}

.slider-arrow
{
	width:6.4rem;
	height:6.4rem;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.slider-arrow.slick-disabled
{
	opacity:.8;
	cursor:default;
}

.slider-arrow--prev
{
	background:var(--light-green) url(assets/images/chevron-3.svg) center center no-repeat;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.slider-arrow--next
{
	background:var(--dark-green) url(assets/images/chevron-1.svg) center center no-repeat;
}

.charts
{
	text-align: center;
	display:flex;
	flex-wrap:wrap;
	padding-top:4rem;
	margin:0 -1.5rem;
}

.charts > div
{
	margin-bottom:6rem;
}

.chart-holder
{
	padding:0 1.5rem;
	margin-bottom:4rem;
}

@media (min-width:768px)
{
	.chart-holder
	{
		width:33.3%;
		margin:0;
	}
}

@media (min-width:1200px)
{
	.chart-holder
	{
		padding:0 4rem;
	}
}

@media (min-width:1400px)
{
	.chart-holder
	{
		padding:0 4rem;
	}
}

@media (min-width:1600px)
{
	.chart-holder
	{
		padding:0 8rem;
	}
}

.chart-holder .text
{
	font-weight:600;
	font-size:3.2rem;
	line-height:3.2rem;
	margin:0;
	text-align:center;
}

@media (min-width:768px)
{
	.chart-holder .text
	{
		font-size:2.2rem;
		line-height:2.2rem;
		text-align:left;
	}
}

@media (min-width:992px)
{
	.chart-holder .text
	{
		font-size:2.2rem;
		line-height:2.2rem;
	}
}

@media (min-width:1200px)
{
	.chart-holder .text
	{
		font-size:3.2rem;
		line-height:3.2rem;
	}
}

.chart-container:first-child
{
	margin-left: 0;
}

.chart-container
{
	position: relative;
	display: inline-block;
	aspect-ratio: 1 / 1;
	margin-bottom:3rem;
	max-width:50%;
}

@media (min-width:768px)
{
	.chart-container
	{
		max-width:none;
	}
}

.chart-container:last-child
{
	margin-right: 0;
}

.chart-container .chart canvas
{
	width: 100% !important;
	height: auto !important;
	display: block;
	max-width: 380px;
	position: relative;
}

.chart-container .chart-content
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.chart-container .chart-content .percent
{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
}

.chart-container .chart-content .percent .value
{
	font-size: 5.4rem;
	line-height: 5.4rem;
	display: block;
	font-weight: 700;
	color:var(--light-green);
}

@media (min-width:768px)
{
	.chart-container .chart-content .percent .value
	{
		font-size: 14.4rem;
		line-height: 14.4rem;
	}
}

.chart-container .chart-content--dark .percent .value
{
	color:var(--dark-green);
}

@media (min-width:768px)
{
	.chart-container .chart-content .percent .value
	{
		font-size: 6.4rem;
		line-height: 6.4rem;
	}
}


@media (min-width:992px)
{
	.chart-container .chart-content .percent .value
	{
		font-size: 6.4rem;
		line-height: 6.4rem;
	}
}

@media (min-width:1200px)
{
	.chart-container .chart-content .percent .value
	{
		font-size: 7.4rem;
		line-height: 7.4rem;
	}
}

@media (min-width:1400px)
{
	.chart-container .chart-content .percent .value
	{
		font-size: 8.4rem;
		line-height: 8.4rem;
	}
}

@media (min-width:1600px)
{
	.chart-container .chart-content .percent .value
	{
		font-size: 8.4rem;
		line-height: 8.4rem;
	}
}

.chart-container .chart-content .suffix
{
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: 700;
	color:var(--light-green);
	margin-bottom:.8rem;
}

@media (min-width:768px)
{
	.chart-container .chart-content--dark .suffix
	{
		font-size: 3.6rem;
		line-height: 3.6rem;
		margin-bottom:1rem;
	}
}

.chart-container .chart-content--dark .suffix
{
	color:var(--dark-green);
}

@media (min-width:1400px)
{
	.indent--right
	{
		padding-right:6rem;
	}
}

.wrap
{
	margin:0 4rem;
	position:relative;
}

.wrap .holder
{
	position:relative;
	z-index:10;
}

@media (min-width:992px)
{
	.lines
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border-left:2px solid #002018;
		border-right:2px solid #002018;
	}


	.lines--light
	{
		border-left:2px solid #BEE882;
		border-right:2px solid #BEE882;
	}

	.lines span
	{
		width:.2rem;
		height:100%;
		background:#002018;
		position:absolute;
		top:0;
	}

	.lines--light span
	{
		background:#BEE882;
	}

	.lines span:nth-child(1)
	{
		left:calc(25% - .2rem);
	}

	.lines span:nth-child(2)
	{
		left:calc(50% - .2rem);
	}

	.lines span:nth-child(3)
	{
		left:calc(75% - .2rem);
	}
}

.block-type-contact
{	
	position:relative;
	background:#000D0A;
	margin:0;
	overflow:hidden;
}

.block-type-contact .container
{
	padding-top:12rem;
	padding-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-contact .container
	{
		padding-bottom:25rem;
	}
}

.block-type-contact .bg
{
	content:'';
	width:100%;
	height:50%;
	background:url(assets/images/bg-1.jpg) 0 center no-repeat;
	background-image: image-set(
	  url("assets/images/bg-1.avif") type("image/avif"),
	  url("assets/images/bg-1.webp") type("image/webp")
	);
	background-size:cover;
	top:0;
	left:0;
	position:absolute;
}

.block-type-contact .bg:after
{
	content:'';
	width:100%;
	height:30rem;
	bottom:0;
	left:0;
	position:absolute;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000d0a+100&0+0,1+99 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,13,10,1) 99%,rgba(0,13,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.block-type-contact .container
{
	position:relative;
	z-index:10;
}

.block-type-contact .column-1
{
	margin-bottom:4rem;
}

.block-type-contact .box
{
	background:var(--light-green);
	padding:3rem;
	display:flex;
	flex-direction:column;
	min-height:100%;	
	color:var(--dark-green);
}

@media (min-width:768px)
{
	.block-type-contact .box
	{
		margin-right:2.5rem;
	}
}

.block-type-contact .box .phone,
.block-type-contact .box .email
{
	font-size:2.4rem;
	line-height:3.2rem;
	font-weight:600;
	margin-bottom:0;
}

.block-type-contact .box .email
{
	margin-bottom:5rem;
}

.block-type-contact .box .phone a,
.block-type-contact .box .email a
{
	text-decoration:none;
}

.block-type-contact .box .icon a img {
  width: 3rem;
  margin-right: 2rem;
}

.block-type-contact .box .bottom
{
	margin-top:auto;
}

.block-type-contact .box .photo
{
	display:flex;
	align-items:center;
	margin-bottom:3.5rem;
	flex-wrap:wrap;
}

.block-type-contact .box .photo picture
{
	width:12rem;
	border-radius:50%;	
	overflow:hidden;
}

@media (min-width:992px)
{
	.block-type-contact .box .photo picture
	{
		width:12rem;
	}
}

.block-type-contact .box .photo .text
{	
	font-size:2.4rem;
	line-height:3.2rem;
	font-weight:600;
	margin:0 0 3rem auto;
	padding-top:3rem;
}

@media (min-width:768px)
{
	.block-type-contact .box .photo .text
	{
		padding:0;
		width:calc(100% - 15rem);
	}
}

.block-type-contact .box .text-block p
{
	font-size:1.6rem;
	line-height:2.2rem;
	font-weight:600;
	margin-bottom:1.5rem;
}

.block-type-contact .box .text-block p:last-child
{
	margin-bottom:0;
}

.block-type-contact .big-heading--bottom
{
	bottom:-3rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#CFFF8C;
}

.post-author
{
	border:2px solid var(--light-green);
	margin-top:8rem;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:8rem;
}

.post-author .column-1
{	
	background:var(--light-green);
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	padding:3rem;
	min-height:100%;
	margin-bottom:0;
	width:100%;
	align-items:center;
}

@media (min-width:992px)
{
	.post-author .column-1
	{
		width: 18rem;
		align-items:flex-start
	}
}

.post-author img
{
	width:12rem;
	border-radius:50%;
}

.post-author .column-2
{
	padding:3rem;
}

@media (min-width:992px)
{
	.post-author .column-2
	{
		margin-left:auto;
		width:calc(100% - 18rem);
	}
}

.post-author .heading
{
	margin-bottom:1rem;
}

.post-author .position
{
	padding-bottom:2rem;
	margin-bottom:2rem;
	border-bottom:1px solid var(--light-green);
}

.post-author .button-wrap
{
	text-align:right;
}

.post-author .social-links
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:2rem;
	margin:0;
	width:100%;
}

.post-author .social-links li
{
	padding:0;
	margin:0 .5rem 1rem .5rem;
}

.post-author .social-links li:before
{
	display:none;
}

.post-author .social-links li a
{
	width:4rem;
	height:4rem;
	background:var(--dark-green);
	border-radius:50%;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}

.post-author .social-links li a svg
{
	max-height:3rem;
}

.post-author .social-links li a svg,
.post-author .social-links li a svg *
{
	fill:var(--light-green);
}

/* END page content */

.page-footer
{	
	background:#000D0A;
	font-weight:600;
	color:var(--light-green);
	position:relative;
	z-index:10;	
	overflow:hidden;
}

.page-footer .holder
{
	padding-top:8rem;
	padding-bottom:8rem;
	border-top:2px solid var(--light-green);
	z-index:10;
	position:relative;
}

.page-footer .page-logo
{
	float: left;
	font-size:2rem;
	font-weight:700;
	color: #000;
	line-height:3rem;
	text-align: right;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 0 0;
	top:14.3rem;
	right: -8.1rem;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:var(--dark-green);	
	text-decoration:none;
	height:14.4rem;
}

@media (min-width:992px)
{
	.page-footer .page-logo
	{
		float: left;
		font-size:8rem;
		line-height:9rem;
		height:auto;
		left:1.2rem;
		right:auto;
		top:54rem;
	}
}

.page-footer .page-logo span
{
	background:var(--light-green);	
	padding:.5rem 1rem;
}

@media (min-width:992px)
{
	.page-footer .page-logo span
	{
		padding:1rem 2.5rem;
	}
}

.page-footer .page-logo span:nth-child(1)
{
	padding:.5rem 1rem .5rem 1rem;
}

.page-footer .page-logo span:nth-child(2)
{
	padding:0 1rem .5rem 1rem;
}

@media (min-width:992px)
{
	.page-footer .page-logo span:nth-child(1)
	{
		padding:.8rem 2.5rem 1.3rem 2.5rem;
	}

	.page-footer .page-logo span:nth-child(2)
	{
		padding:0 2.5rem 1rem 2.5rem;
	}
}

.page-footer .icon img {
  width: 3rem;
}

.page-footer p,
.page-footer ul
{
	font-size:1.8rem;
	line-height:3.2rem;
}

@media (min-width:1200px)
{
	.page-footer p,
	.page-footer ul
	{
		font-size:2.2rem;
		line-height:3.6rem;
	}
}

@media (min-width:1400px)
{
	.page-footer p,
	.page-footer ul
	{
		font-size:2.4rem;
		line-height:4rem;
	}
}

@media (min-width:1600px)
{
	.page-footer p,
	.page-footer ul
	{
		font-size:2.2rem;
		line-height:3.6rem;
	}
}

.page-footer ul li
{
	margin:0;
}

.page-footer a,
.page-footer a:hover
{
	text-decoration:none;
}

.page-footer .column-2
{
	min-height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin-bottom:4rem;
}

.page-footer .column-2
{
	margin-bottom:4rem;
}

.page-footer .column-4
{
	border-top:2px solid #002018;
	padding-top:5rem;
	padding-bottom:3rem;
}

.page-footer .menu-footer
{
	display:flex;
	flex-wrap:wrap;
	font-size:1.6rem;
	line-height:2.4rem;
	font-weight:700;
}

.page-footer .menu-footer li:not(:last-child)
{
	margin-right:3rem;
}

/* MFP Popup */

.mfp-bg
{
	z-index:99999;
}

.mfp-wrap
{
	z-index:999999;
}

.popup
{
  width:calc(var(--container-width) - 3rem);
  max-width: 95%; 
  margin: 5rem auto;
  position: relative;
  z-index: 999999999; 
  background: #fff;
  color:#000;
  padding:10rem 2rem;
}

.popup-close
{
  position: absolute;
  right: 3rem;
  top: 3rem;
  width: 3rem;
  height: 3rem;
  background: url(assets/images/icon-close.svg);
  background-size: 3rem 3rem;
  cursor: pointer;
}

/* END MFP Popup */

/* WPCF7 */
.contact-form
{
	color:var(--light-green);
}

.contact-form--light-bg
{
	color:var(--dark-green);
}

.contact-form label
{
	display:block;
}

.contact-form label span
{
	font-size:2.4rem;
	line-height:2.4rem;
	font-weight:600;
	color:var(--light-green);
	margin-bottom:0;
	display:block;
}

.contact-form label .dropdown-item span.text,
.contact-form .filter-option-inner
{
	font-weight:500;
	color: #fff;
}

.contact-form--light-bg label span
{
	color:var(--dark-green);
}

.contact-form span
{
	display: block;
	position: relative;
}

.contact-form p
{
	margin-bottom: 3rem;
}

.contact-form--light-bg p
{
	margin-bottom:3rem;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select
{
	width: 100%;
	border: none;
	background: transparent;
	font-size:2.4rem;
	padding:1rem 0;
	min-height:5rem;
	border-bottom:2px solid var(--light-green);
	color:#fff;
	font-weight:400; 
}

.contact-form--light-bg input[type=text],
.contact-form--light-bg input[type=email],
.contact-form--light-bg textarea,
.contact-form--light-bg select
{
	color:var(--dark-green);
	border-color:var(--dark-green);
}

.contact-form select
{
	font-size:2.4rem;
	padding:1rem 0;
	min-height:5rem;
	border:none;
	border-bottom:2px solid var(--light-green);
	appearance: none;    
	-webkit-appearance: none; 
	-moz-appearance: none; 
	background: url(assets/images/chevron-2.svg) no-repeat;
	background-position: right 1.5rem center;
	background-size: 1.6rem 2.5rem
}

.contact-form select option
{
	background:var(--dark-green);
	color:var(--light-green);
	font-size:2rem;
	padding:1rem 2rem;
	display:block;
}

.contact-form textarea
{
	height: 10rem;
	resize: none;
	display: block;
}

.contact-form--light-bg textarea
{
	height:8rem;
}

.contact-form .submit
{
	text-align:right;
}

.contact-form .wpcf7-submit
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.6rem;
	line-height:2.4rem;
	padding:1rem 9rem 1rem 2.5rem;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius:0;
	border:none;
	min-height:6.8rem;
	position:relative;
	text-decoration:none !important;
	overflow:hidden;
	border-radius:0;
	border:2px solid transparent;
	font-weight:700;
	background:var(--light-green);
	color:var(--dark-green);
}

.contact-form .wpcf7-submit:after
{
	content:'';
	width:6.4rem;
	height:100%;
	background:var(--dark-green) url(assets/images/chevron-1.svg) center center no-repeat;;
	position:absolute;
	right:0;
	top:0;
}

.contact-form--light-bg .wpcf7-submit:after
{
	content:'';
	width:6.4rem;
	height:100%;
	background:var(--light-green) url(assets/images/chevron-3.svg) center center no-repeat;;
	position:absolute;
	right:0;
	top:0;
}

.contact-form--light-bg .wpcf7-submit
{
	background:var(--dark-green);
	color:var(--light-green);
}

.contact-form span
{
	display: block;
}

.contact-form .info
{
	font-size:1.4rem;
	line-height:2.4rem;
	font-weight:500;
	margin-bottom:5rem;
}

span.wpcf7-list-item
{
	margin: 0;
}

.wpcf7 form .wpcf7-response-output
{
	background:#fff;
	margin:0;
	border:2px solid var(--light-green);
	background:var(--light-green);
	color:var(--dark-green);
	padding:1rem 2rem;
}

.wpcf7 form.sent .wpcf7-response-output
{
	border:2px solid var(--light-green);
}

span.wpcf7-not-valid-tip
{
	position: absolute;
	border: 1px solid #f00;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1.3rem 2rem;
	color: #f00 !important;
	background: #f0eeee;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	background:#fff;
	z-index:99;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

/* END WPCF7 */


/* Slick slider */


/* END Slick slider */

/* Accordion */

.accordion .item
{
	position:relative;
	margin-bottom:1.5rem;
	border:2px solid #CFFF8C;
	color:#fff;
}

.accordion .item .opener
{
	cursor:pointer;
	font-size:1.4rem;
	line-height:1.8rem;
	position:relative;
	color:#000;
	border:none;
	background:none;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	min-height:10rem;
	width:100%;
	padding:0;	
	align-items:normal;
}

.accordion--all-open .item .opener
{
	cursor:default;
}

@media (min-width:768px)
{
	.accordion .item .opener
	{
		font-size:1.6rem;
		line-height:2rem;
	}
}

.accordion .item .opener:after
{
	content:'';
	position:absolute;
	right:0;
	top:1rem;
	width:8rem;
	height:8rem;
	background:url(assets/images/chevron-1.svg) center center no-repeat;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.accordion--all-open .item .opener:after
{
	display:none;
}

.accordion .item.open .opener:after
{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.accordion .item .opener .text
{
	margin-left:auto;
	width:calc(100% - 8.5rem);
	text-align:left;
	padding-right:10rem;
	display:flex;
	flex-direction:column;
	padding:1rem 5rem 1rem 0;
	justify-content:center;
}

@media (min-width:768px)
{
	.accordion .item .opener .text
	{
		width:calc(100% - 12.5rem);
		padding:1rem 10rem 1rem 0;
	}
}

.accordion .item .opener .counter
{
	width:7rem;
	min-height:10rem;
	background:var(--light-green);
	font-size:3.6rem;
	line-height:3.6rem;
	font-weight:700;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:var(--dark-green);
}

@media (min-width:768px)
{
	.accordion .item .opener .counter
	{
		width:10rem;
		font-size:5.6rem;
		line-height:5.6rem;
	}
}

.accordion .item .opener .title
{
	font-size:2.2rem;
	line-height:2.2rem;
	font-weight:600;
	margin:0 0 .5rem 0;
	color:#fff;
	display:block;
}

@media (min-width:768px)
{
	.accordion .item .opener .title
	{
		font-size:3.2rem;
		line-height:3.2rem;
	}
}

.accordion .item .opener .subtitle
{
	font-size:1.6rem;
	line-height:2rem;
	font-weight:700;
	margin:0;
	color:var(--light-green);
	display:block;
}

@media (min-width:768px)
{
	.accordion .item .opener .subtitle
	{
		font-size:1.8rem;
		line-height:2.2rem;
	}
}

.accordion .item.open a
{
	color:#fff;
}

.accordion .item .content
{
	display:none;
	padding:0 3rem 4rem 1.5rem;
	border-left:7rem solid var(--light-green);
	word-wrap:break-word;
}

.accordion--all-open .item .content
{
	display:block;
}

@media (min-width:768px)
{
	.accordion .item .content
	{
		border-left:10rem solid var(--light-green);
		padding:0 10rem 4rem 2.5rem;
	}
}

.accordion .item .content *:last-child
{
	margin-bottom:0;
}

/* END Accordion */

.margin--0 {
	margin-bottom: 0 !important;
}
.margin--10 {
	margin-bottom: 10px !important;
}

.font-size--16, .font-size--16 p:not(.heading),
.font-size--16 h1:not(.heading),
.font-size--16 h2:not(.heading),
.font-size--16 h3:not(.heading),
.font-size--16 h4:not(.heading),
.font-size--16 h5:not(.heading),
.font-size--16 h6:not(.heading),
.font-size--16 ul
{
	font-size:1.6rem;
	line-height:2.4rem;
}

.font-size--18, .font-size--18 p:not(.heading),
.font-size--18 h1:not(.heading),
.font-size--18 h2:not(.heading),
.font-size--18 h3:not(.heading),
.font-size--18 h4:not(.heading),
.font-size--18 h5:not(.heading),
.font-size--18 h6:not(.heading),
.font-size--18 ul
{
	font-size:1.8rem;
	line-height:2.4rem;
}

.font-size--18 .p-style {
	letter-spacing: 0;
}

.font-size--24, .font-size--24 p:not(.heading),
.font-size--24 ul,
.font-size--24 table
{
	font-size:1.8rem;
	line-height:2.4rem;
	margin-bottom:3rem;
}

.font-size--24 h2:not(.heading)
{
	font-size:4.2rem;
	line-height:5.2rem;
	margin-bottom:3.9rem;
}

.font-size--24 h3:not(.heading)
{
	font-size:3.2rem;
	line-height:4.0rem;
	margin-bottom:2.9rem;
}

.font-size--24 h4:not(.heading)
{
	font-size:2.6rem;
	line-height:3.4rem;
	margin-bottom:2.4rem;
}

.font-size--24 h5:not(.heading)
{
	font-size:2.2rem;
	line-height:3.2rem;
	margin-bottom:2.2rem;
}

@media (min-width:992px)
{
	.font-size--24, .font-size--24 p:not(.heading),
	.font-size--24 ul
	{
		font-size:2.4rem;
		line-height:3.2rem;
		margin-bottom:5.6rem;
	}
	
	.font-size--24 h2:not(.heading)
	{
		font-size:4.8rem;
		line-height:5.6rem;
		margin-bottom:4.5rem;
	}
	
	.font-size--24 h3:not(.heading)
	{
		font-size:3.8rem;
		line-height:4.6rem;
		margin-bottom:3.5rem;
	}
	
	.font-size--24 h4:not(.heading)
	{
		font-size:3.2rem;
		line-height:4rem;
		margin-bottom:3rem;
	}
	
	.font-size--24 h5:not(.heading)
	{
		font-size:2.8rem;
		line-height:3.8rem;
		margin-bottom:2.8rem;
	}
}

.font-size--32, .font-size--32 p,
.font-size--32 h1:not(.heading),
.font-size--32 h2:not(.heading),
.font-size--32 h3:not(.heading),
.font-size--32 h4:not(.heading),
.font-size--32 h5:not(.heading),
.font-size--32 h6:not(.heading),
.font-size--32 ul
{
	font-size:2.4rem;
	line-height:3.2rem;
}

@media (min-width:992px)
{
	.font-size--32, .font-size--32 p,
	.font-size--32 h1:not(.heading),
	.font-size--32 h2:not(.heading),
	.font-size--32 h3:not(.heading),
	.font-size--32 h4:not(.heading),
	.font-size--32 h5:not(.heading),
	.font-size--32 h6:not(.heading),
	.font-size--32 ul
	{
		font-size:3.2rem;
		line-height:4rem;
	}
}

.font-size--80, .font-size--80 p,
.font-size--80 h1:not(.heading),
.font-size--80 h2:not(.heading),
.font-size--80 h3:not(.heading),
.font-size--80 h4:not(.heading),
.font-size--80 h5:not(.heading),
.font-size--80 h6:not(.heading),
.font-size--80 ul
{
	font-size:3.5rem;
	line-height:4rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.font-size--80, .font-size--80 p,
	.font-size--80 h1:not(.heading),
	.font-size--80 h2:not(.heading),
	.font-size--80 h3:not(.heading),
	.font-size--80 h4:not(.heading),
	.font-size--80 h5:not(.heading),
	.font-size--80 h6:not(.heading),
	.font-size--80 ul
	{
		font-size:5.6rem;
		line-height:6.5rem;
	}
}

@media (min-width:992px)
{
	.font-size--80, .font-size--80 p,
	.font-size--80 h1:not(.heading),
	.font-size--80 h2:not(.heading),
	.font-size--80 h3:not(.heading),
	.font-size--80 h4:not(.heading),
	.font-size--80 h5:not(.heading),
	.font-size--80 h6:not(.heading),
	.font-size--80 ul
	{
		font-size:6.2rem;
		line-height:7.2rem;
	}
}

@media (min-width:1200px)
{
	.font-size--80, .font-size--80 p,
	.font-size--80 h1:not(.heading),
	.font-size--80 h2:not(.heading),
	.font-size--80 h3:not(.heading),
	.font-size--80 h4:not(.heading),
	.font-size--80 h5:not(.heading),
	.font-size--80 h6:not(.heading),
	.font-size--80 ul,
	{
		font-size:8rem;
		line-height:8.3rem;
	}
}

table {
	margin-bottom: 3rem;
}

table tr {
	border-bottom: 1px solid #001f17;	
}

table td {
	vertical-align: top;
	padding: 5px 10px 5px 0;
	
}

.big-heading
{
	font-family: 'Monoton';
	color:var(--light-green);
	opacity:.05;
	position:absolute;
	font-weight:400;
	pointer-events:none;
}

.big-heading--font-size-250
{
	font-size:10rem;
	line-height:9rem;
}

@media (min-width:992px)
{
	.big-heading--font-size-250
	{
		font-size:25rem;
		line-height:24rem;
	}
}

.big-heading--font-size-500
{
	font-size:13rem;
	line-height:18rem;
}

@media (min-width:992px)
{
	.big-heading--font-size-500
	{
		font-size:50rem;
		line-height:45rem;
	}
}

.heading
{
	font-weight:700;
	color:#fff;
	margin-bottom:5rem;
}

.heading
{
	/*hyphens: auto;
	hyphenate-limit-chars: auto;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;*/
}

@media (max-width:767px)
{
	.hyphenate
	{
		hyphens: auto;
		hyphenate-limit-chars: auto;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 5;
		-webkit-hyphenate-limit-lines: 2;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 5;
		-ms-hyphenate-limit-lines: 2;
	}
}

.heading--size-0, .heading--size-0 a
{
	font-size:8.8rem;
	line-height:10rem;
	letter-spacing:-.02em;
	margin-bottom:3rem;
}

@media (min-width:992px)
{
	.heading--size-0, .heading--size-0 a
	{
		font-size:24.8rem;
		line-height:22rem;
		margin-bottom:9rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-0, .heading--size-0 a
	{
		font-size:28.8rem;
		line-height:30rem;
		margin-bottom:9rem;
	}
}

.heading--size-1, .heading--size-1 a
{
	font-size:4.8rem;
	line-height:4.8rem;
	letter-spacing:-.02em;
	margin-bottom:5rem;
}

@media (min-width:768px)
{
	.heading--size-1, .heading--size-1 a
	{
		font-size:7.4rem;
		line-height:8.2rem;
		margin-bottom:9rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-1, .heading--size-1 a
	{
		font-size:10.4rem;
		line-height:11.2rem;
	}
}

@media (min-width:1400px)
{
	.heading--size-1, .heading--size-1 a
	{
		font-size:14.4rem;
		line-height:15.2rem;
	}
}

.heading--size-2, .heading--size-2 a, .heading--size-header
{
	font-size:4.2rem;
	line-height:5.1rem;
	margin-bottom:5.6rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-2, .heading--size-2 a, .heading--size-header
	{
		font-size:6.6rem;
		line-height:7.5rem;
	}
}

@media (min-width:992px)
{
	.heading--size-2, .heading--size-2 a, .heading--size-header
	{
		font-size:7.6rem;
		line-height:8.5rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-2, .heading--size-2 a, .heading--size-header
	{
		font-size:8.6rem;
		line-height:10.2rem;
	}
}

@media (min-width:1400px)
{
	.heading--size-2, .heading--size-2 a, .heading--size-header
	{
		font-size:9.6rem;
		line-height:11.5rem;
	}
}

.heading--size-3, .heading--size-3 a
{
	font-size:3.5rem;
	line-height:4rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-3, .heading--size-3 a
	{
		font-size:5.6rem;
		line-height:6.5rem;
	}
}

@media (min-width:992px)
{
	.heading--size-3, .heading--size-3 a
	{
		font-size:6.2rem;
		line-height:7.2rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-3, .heading--size-3 a
	{
		font-size:8rem;
		line-height:8.3rem;
	}
}

.heading--size-65, .heading--size-65 a
{
	font-size:5rem;
	line-height:5.5rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-65, .heading--size-65 a
	{
		font-size:5.5rem;
		line-height:5.5rem;
	}
}

@media (min-width:992px)
{
	.heading--size-65, .heading--size-65 a
	{
		font-size:6rem;
		line-height:6rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-65, .heading--size-65 a
	{
		font-size:6.5rem;
		line-height:6.5rem;
	}
}

.heading--size-60, .heading--size-60 a
{
	font-size:4.5rem;
	line-height:4.5rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-60, .heading--size-60 a
	{
		font-size:5rem;
		line-height:5rem;
	}
}

@media (min-width:992px)
{
	.heading--size-60, .heading--size-60 a
	{
		font-size:5.5rem;
		line-height:5.5rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-60, .heading--size-60 a
	{
		font-size:6rem;
		line-height:6rem;
	}
}

.heading--size-55, .heading--size-55 a
{
	font-size:4rem;
	line-height:4rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-55, .heading--size-55 a
	{
		font-size:4.5rem;
		line-height:4.5rem;
	}
}

@media (min-width:992px)
{
	.heading--size-55, .heading--size-55 a
	{
		font-size:5rem;
		line-height:5rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-55, .heading--size-55 a
	{
		font-size:5.5rem;
		line-height:5.5rem;
	}
}

.heading--size-50, .heading--size-50 a
{
	font-size:3.5rem;
	line-height:3.5rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-50, .heading--size-50 a
	{
		font-size:4rem;
		line-height:4rem;
	}
}

@media (min-width:992px)
{
	.heading--size-50, .heading--size-50 a
	{
		font-size:4.5rem;
		line-height:4.5rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-50, .heading--size-50 a
	{
		font-size:5rem;
		line-height:5rem;
	}
}

.heading--size-45, .heading--size-45 a
{
	font-size:3rem;
	line-height:3rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-45, .heading--size-45 a
	{
		font-size:3.5rem;
		line-height:3.5rem;
	}
}

@media (min-width:992px)
{
	.heading--size-45, .heading--size-45 a
	{
		font-size:4rem;
		line-height:4rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-45, .heading--size-45 a
	{
		font-size:4.5rem;
		line-height:4.5rem;
	}
}

.heading--size-40, .heading--size-40 a
{
	font-size:2.5rem;
	line-height:2.5rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:768px)
{
	.heading--size-40, .heading--size-40 a
	{
		font-size:3rem;
		line-height:3rem;
	}
}

@media (min-width:992px)
{
	.heading--size-40, .heading--size-40 a
	{
		font-size:3.5rem;
		line-height:3.5rem;
	}
}

@media (min-width:1200px)
{
	.heading--size-40, .heading--size-40 a
	{
		font-size:4rem;
		line-height:4rem;
	}
}


.heading--size-4, .heading--size-4 a
{
	font-size:3.2rem;
	line-height:4rem;
	margin-bottom:4.5rem;
	letter-spacing:-.01em;
}

.heading--size-48, .heading--size-48 a
{
	font-size:2.8rem;
	line-height:3.6rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

@media (min-width:1200px)
{
	.heading--size-48, .heading--size-48 a
	{
		font-size:4.8rem;
		line-height:5.6rem;
	}
}

.heading--size-64, .heading--size-64 a
{
	font-size:6.4rem;
	line-height:6.4rem;
	margin-bottom:4.5rem;
	letter-spacing:-.02em;
}

h1,h2,h3,h4,h5,h6
{
	color:var(--gray);
	margin: 0 0 3rem 0;
	font-weight: 700;
	line-height: normal;
}

h1, .font-size-1
{
	font-size:14.4rem;
	line-height:15.2rem;
	letter-spacing:-.02em;
	margin-bottom:4.5rem;
	font-weight: 700;
}

h2, .font-size-2
{
	font-size:9.6rem;
	line-height:10.5rem;
	margin-bottom:5.6rem;
	letter-spacing:-.02em;
	font-weight: 700;
}

h3, .font-size-3
{
	font-size:8rem;
	line-height:8.3rem;
	margin-bottom:2.5rem;
	letter-spacing:-.02em;
	font-weight: 700;
}

h4, .font-size-4
{
	font-size:3.2rem;
	line-height:4rem;
	margin-bottom:2.5rem;
	letter-spacing:-.01em;
	font-weight: 700;
}

h5
{
	font-size: 1.6rem;
}

strong, b
{
	font-weight:700;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5rem 0;
	line-height: 2rem;
}

ul li
{
	position:relative;
	padding-left:4rem;	
	padding-bottom:0.5rem;
}

ol li
{
	margin-bottom:1rem;
}

ul li:last-child
ol li:last-child
{
	margin-bottom:0;
}

.page-footer ul li,
.product-tags li,
.variable-items-wrapper li,
.dropdown-menu li,
.social-links li,
.wc-block-components-product-details li,
.slider-nav li
{
	padding-left:0;
}

.page-content ul
{
	margin-bottom:4rem;
}

.page-content ul li:before
{
	content:'';
	width:2rem;
	height:2rem;
	background:url(assets/images/chevron-2.svg);
	position:absolute;
	left:0;
	top:.5rem;
}

.page-content .font-size--18 ul li:before
{
	top:.1rem;
}

.page-content .text-color--dark-green ul li:before
{
	background:url(assets/images/chevron-3.svg);
}

p
{
	margin: 0 0 2.5rem 0;
	line-height: 2rem;
}

@media (min-width:992px)
{
	p
	{
		line-height: 2.6rem;
	}
}

a, a:hover, a:focus
{
color: var(--dark-blue);
text-decoration: underline;
}

input:focus, textarea:focus
{
	outline: none;
}

img
{
max-width: 100%;
height: auto;
border: 0;
}

@media (min-width:1200px)
{
	img.oversize-150 {
		max-width: 150%;
	}
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:767px)
{
	.alignright, img.alignright,
	.alignleft, img.alignleft
	{
		margin:1rem 0 3rem 0;
	}
}

.wp-caption.alignright
{
	margin-bottom:0;
}

@media (min-width:768px)
{
	.to-animate, .animate-block
	{
		opacity: 0;
		position:relative;
	}
}

.big-heading--animate
{
	opacity: 0;
}

.text-color--dark-green
{
	color:var(--dark-green);
}

.heading.text-color--dark-green span
{
	background:var(--dark-green);
	color:var(--light-green);
	padding:0 1rem;
}

.text-color--white
{
	color:#fff;
}

.text-color--white span,
.text-color--white strong
{
	color:var(--light-green);
}

.text-color--white a
{
	text-decoration:underline;
}


.text-color--white a:not(.stealth),
.text-color--white .livebutton
{
	color:var(--light-green);
	cursor:pointer;
	text-decoration:underline;
}

.background-box--light-green a:not(.btn--dark-green),
.background-box--light-green strong
{
	color:var(--dark-green) !important;
}

.text-color--white .bg
{
	background:var(--light-green);
	color:var(--dark-green);
}

.text-color--black
{
	color:var(--gray);
}

.text-color--light-green
{
	color:var(--light-green);
}

.text-color--light-green strong
{
	color:#fff;
}

.background-box
{
	padding:4rem 3rem;
	margin-bottom:3.5rem;
	display:flex;
	flex-direction:column;
}

.background-box p:empty
{
	display:none;
}

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

.background-box--light-green
{
	background:var(--light-green);
	color:var(--dark-green);
}

.background-box--light-green a
{
	color:var(--dark-green);
}

.background-box--light-green li:before
{
	background:url(assets/images/chevron-3.svg) !important;
}

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

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

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

.font-weight--300
{
	font-weight:300;
}

.font-weight--400
{
	font-weight:400;
}

.font-weight--500
{
	font-weight:400;
}

.font-weight--600
{
	font-weight:600;
}

.font-weight--600 strong
{
	font-weight:800;
}

.font-weight--700
{
	font-weight:700;
}

.text-block > *:last-child
{
	margin-bottom:0;
}

.text-block p:empty
{
	display:none;
}

.text-block p:blank 
{
  display: none;
}

.text-block--main
{
	margin-bottom:2rem;
}

@media (min-width:768px)
{
	.text-block--main
	{
		margin-bottom:4rem;
	}
}

.text-block--main:after
{
	content:'';
	display:block;
	clear:both;
}

@media (min-width:768px)
{
	.text-block--main
	{
		margin-bottom:5rem;
	}
}

.text-transform--uppercase
{
	text-transform:uppercase;
}

@media (min-width:992px)
{
	.row-gap--medium
	{
		margin-left:-3rem;
		margin-right:-3rem;
	}

	.row-gap--medium > div
	{
		padding-left:3rem;
		padding-right:3rem;
	}
}

.flex-justify--center
{
	justify-content:center;
}

.btn
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.6rem;
	line-height:2.4rem;
	padding:1rem 9rem 1rem 2.5rem;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius:0;
	border:none;
	min-height:6.8rem;
	position:relative;
	text-decoration:none !important;
	overflow:hidden;
	border-radius:0;
	border:2px solid transparent;
	font-weight:700;
}

.btn--big
{
	font-size:2.8rem;
}

.btn:hover
{
	text-decoration:none !important;
}

.btn span
{
	height:100%;
	width:6.4rem;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}

.btn span:before,
.btn span:after
{
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;	
}

.btn span:after
{
	left:-100%;
}

.btn.rotate--90 span:after
{
	left:0;
	top:-100%;
}

.btn:hover span:before
{
	left:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn.rotate--90:hover span:before
{
	left:0;
	top:100%;
}

.btn:hover span:after
{
	left:0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn.rotate--90:hover span:after
{
	left:0;
	top:0;
}

.btn.rotate--90 span:before,
.btn.rotate--90 span:after
{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.btn--light-green
{
	color:var(--dark-green) !important;
	background:var(--light-green);
	border:2px solid var(--light-green);
}

.btn--light-green:hover
{
	color:var(--dark-green);
	background:var(--light-green);
	border:2px solid var(--light-green);
}

.btn--light-green span
{
	background:var(--dark-green);
	position:absolute;
}

.btn--light-green span:before,
.btn--light-green span:after
{
	background:url(assets/images/chevron-1.svg) center center no-repeat;
}

.btn--dark-green
{
	color:var(--light-green);
	background:var(--dark-green);
	border:2px solid var(--dark-green);
}

.btn--dark-green:hover
{
	color:var(--light-green);
	background:var(--dark-green);
	border:2px solid var(--dark-green);
}

.btn--dark-green span
{
	background:var(--light-green);
	position:absolute;
}

body.menu-open .page-header--dark .btn--dark-green span
{
	background:var(--dark-green);
}

.btn--dark-green span:before,
.btn--dark-green span:after
{
	background:url(assets/images/chevron-3.svg) center center no-repeat;
}

body.menu-open .page-header--dark .btn--dark-green span:before,
body.menu-open .page-header--dark .btn--dark-green span:after
{
	background:url(assets/images/chevron-1.svg) center center no-repeat;
}

.btn--light-green.btn--phone span:after,
.btn--dark-green.btn--phone span:after
{
	display:none;
}

.btn--light-green.btn--phone span:before,
body.menu-open .page-header--dark .btn--dark-green.btn--phone span:before
{
	background:url(assets/images/icon-phone.svg) center center no-repeat;
}

.btn--dark-green.btn--phone span:before
{
	background:url(assets/images/icon-phone2.svg) center center no-repeat;
}

.btn--light-green.btn--phone:hover span:before,
.btn--dark-green.btn--phone:hover span:before
{
	left:0;
	animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.btn--light-green.btn--link span:after
{
	display:none;
}

.btn--light-green.btn--link span:before
{
	background:url(assets/images/icon-link.svg) center center no-repeat;
}

.btn--light-green.btn--link:hover span:before
{
	left:0;
	animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.btn.btn--bg-blue
{

}

@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    0%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}

.photo-bg
{
	width:100%;
	height:100%;
}

.photo-bg--cover
{
	background-size:cover;
	background-position:center center
}

.slick-track{ margin-left: 0; }

/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;

-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;

-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}

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

.row-align-vertical--center
{
	align-items:center;
}

.wp-caption
{
	max-width:100%;
}

@media (max-width:767px)
{
	.wp-caption
	{
		max-width:100% !important;
		width:100% !important;
	}

	.wp-caption img
	{
		width:100%;
	}
}

.wp-caption.alignright
{
	width:100%;
	max-width:none;	
}

@media (min-width:992px)
{
	.wp-caption.alignright
	{
		margin-right:-50%;
	}
}

.single-post .block-type-2 .wp-caption.alignright
{
	margin-right:0;
}

.wp-caption p
{
	font-size:1.2rem !important;
	line-height:1.8rem !important;
	padding: 3rem 0 1rem;
	border-bottom: 1px solid var(--light-green);
}

.wp-caption p *
{
	font-size:1.2rem !important;
	line-height:1.8rem !important;
}

@media (min-width:1600px)
{
	.col-xxxl-8
	{
		width:66.66666667%;
	}

	.col-xxxl-6
	{
		width:50%;
	}

	.col-xxxl-4
	{
		width:33.33333333%;
	}

	.col-xxxl-3
	{
		width:25%;
	}

	.offset-xxxl-1
	{
		margin-left:8.33333333%;
	}

	.offset-xxxl-2
	{
		margin-left:16.66666667%;
	}
}

p:empty
{
	display:none;
}

.page-template-start-a-project-success
{
	background:var(--dark-green);
}

.page-template-start-a-project-success #start-project
{
	display: none;
}

.page-template-start-a-project-success #start-project-end
{
	display: block;
}

#start-project, #start-project-end
{
	background: var(--dark-green);
	position: relative;
	min-height: 100vh;
}

#start-project:before, #start-project-end:before
{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/bg-pattern-8.png);
	opacity: .1;
}

#start-project h1
{
	font-size:2rem;
	line-height:3rem;
}

#start-project h2, #start-project-end h2
{
	font-size: 8rem;
	line-height: 8rem;
	letter-spacing: -.04em;
	color: #fff;
	margin-bottom: 4rem;
	position: relative;
}

#start-project p
{
	font-size: 2.4rem;
	line-height:3.2rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 8rem;
	position: relative;
}

#start-project .content p span a
{
	text-decoration: underline;
}

#start-project .no-margin
{
	margin-bottom: 5px;
}

#start-project .content, #start-project .next-step, #start-project .send-form
{
	position: relative;
}

#start-project input[type=text],
#start-project textarea
{
	border: none;
	border-bottom: 1px solid var(--light-green);
	font-size: 2.2rem;
	color: var(--light-green);
	letter-spacing: -.04em;
	font-weight: 600;
	width: 250px;
	background: none;
	padding: 0 15px 5px 15px;
}

#start-project textarea
{
	height: 90px;
	background: var(--dark-green);
	width: 100%;
	padding-top: 10px;
}

#start-project .checkbox.checkbox
{
	font-size: 1.5rem;
	line-height: normal;
	font-weight: 400;
}

#start-project .checkbox input
{
	display: none;
}

#start-project .checkbox label
{
	margin: 0;
	padding: 0;
}

#start-project .checkbox input + span
{
	position: relative;
	padding-left: 25px;
	display: block;
}

#start-project .checkbox input + span:before
{
	content:'';
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	position: absolute;
	top: 1px;
	left: 0;
}

#start-project .checkbox input:checked + span:before
{
	background:url(assets/images/icon-checkmark.svg) center center;
	background-size:100% 100%;
}

#start-project .form-input
{
	margin-bottom: 6rem;
	font-size: 2.4rem;
	line-height:3.2rem;
	color: #fff;
	font-weight: 600;
	line-height: normal;
	position: relative;
}

#start-project .form-input label > span
{
	float: left;
	margin-right: 25px;
}

#start-project .form-input .textarea-holder
{
	float: none;
	margin: 0;
	display: block;
	padding-top: 10px;
}

#start-project .form-input .input-holder
{
	position: relative;
}

#start-project .form-input .error
{
	background: #ff4a4a;
	font-size: 2.4rem;
	line-height:3.2rem;
	color: #fff;
	letter-spacing: -.04em;
	font-weight: 600;
	position: absolute;
	top: calc(100% + 25px);
	left: 0;
	padding: 15px;
	z-index: 999;
	display: none;
}

#start-project .form-input .error:before
{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 14px 15px;
	border-color: transparent transparent #ff4a4a transparent;
	position: absolute;
	top: -14px;
	left: 20px;
}

#start-project .form-input .error
{
	width: 430px;
}

#start-project .fake-select
{
	position: relative;
}

#start-project .fake-select:after
{
	content: '';
	width: 2rem;
	height: 2rem;
	background: url(assets/images/chevron-1.svg);
	background-size:2rem 2rem;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1rem !important;
	border: none;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#start-project .fake-select input
{
	width: 540px;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

#start-project .fake-select ul
{
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--dark-green);
	color:var(--light-green);
	font-size: 2.2rem;
	letter-spacing: -.04em;
	font-weight: 600;
	width: 100%;
	padding: 10px 0;
	display: none;
	z-index: 10;
}

#start-project .fake-select ul li
{
	display: block;
	padding: 0 15px;
	line-height: 3rem;
	cursor: pointer;
	position: relative;
}

#start-project ::-webkit-input-placeholder,
#designbro-form ::-webkit-input-placeholder {
  color: var(--light-green);
}
#start-project ::-moz-placeholder,
#designbro-form ::-moz-placeholder {
  color: var(--light-green);
}
#start-project :-ms-input-placeholder,
#designbro-form :-ms-input-placeholder {
  color: var(--light-green);
}
#start-project :-moz-placeholder,
#designbro-form :-moz-placeholder {
  color: var(--light-green);
}

#start-project .button
{
	float: left;
	cursor: pointer;
}

#start-project .next-step a {
	text-decoration: underline;
}

#start-project .send-form .button
{
	width: 280px;
}

#start-project .next-step span, #start-project .send-form span
{
	float: left;
	margin: 0 0 0 20px;
	padding: 2px 0;
	font-size: 1.5rem;
	color: #c0c0c0;
	font-weight: 900;
}

#start-project .next-step span a, #start-project .send-form span a
{
	color: var(--light-green);
}

#start-project .step
{
    position: relative;
    z-index: 999;
    display: none;
}

#start-project .step:nth-child(1)
{
	display: block;
}

#start-project .step > div, #start-project-end > div
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	position: relative;
	z-index: 10;
}

#start-project-end > div
{
	opacity: 0;
}

.page-template-start-a-project-success #start-project-end > div
{
	opacity: 1;
}

#start-project-nav
{
	text-align: center;
	position: absolute;
	bottom: 35px;
	width: 100%;
	left: 0;
	z-index: 9999;
}

#start-project-nav > div
{
	position: relative;
	display: inline-block;
}

#start-project-nav #prev-step
{
	width: 17px;
	height: 12px;
	background: url(images/arrow-6.svg);
	background-size: 17px 12px;
	cursor: pointer;
	opacity: .5;
	position: absolute;
	left: -50px;
	top: 27px;
	display: none;
}

#start-project-nav p
{
	font-size: 1.5rem;
	color: #fff;
	font-weight: 900;
	margin: 0;
}

#start-project-nav #pager-titles p
{
	display: none;
}

#start-project-nav #pager-titles p:first-child
{
	display: block;
}

#start-project-nav #pager
{
	display: inline-block;
	line-height: 5px;
}

#start-project-nav #pager li
{
	margin: 0 5px;
	display: inline-block;
}

#start-project-nav #pager li div
{
	width: 24px;
	height: 5px;
	position: relative;
}

#start-project-nav #pager li div:after
{
	content:'';
	width: 100%;
	height: 1px;
	bottom: top;
	left: 0;
	position: absolute;
	background: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#start-project-nav #pager .active div:after
{
	height: 100%;
	background:var(--light-green);
}

#start-project-end
{
	display: none;
}

.bootstrap-select
{
	width:100% !important;
}

.bootstrap-select .bs-ok-default:after
{
	border:none;
}

.bootstrap-select>.dropdown-toggle
{
	background:  transparent;
	padding: 1rem 0;
	display:  inline-block;	
	font-size:  2.4rem;
	border: none;
	border-bottom: 2px solid var(--light-green);
	border-radius: 0;
	color:var(--light-green);
	min-height:auto;
	font-weight:400;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover
{
	color:var(--light-green);
}

.bootstrap-select>.dropdown-toggle:hover
{
	background: none;
	color:var(--light-green);
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
{
	border-color: var(--light-green) !important;
	box-shadow: none !important;
	background: transparent !important;
	outline: none !important;
	border-radius: 0;
}

.bootstrap-select .dropdown-menu
{
	border: none;
	border-radius: 0;
	font-size: 2.4rem;
	color: var(--light-green);
	right:  0;
	border: none;
	background: var(--dark-green);
	border-top:  none;	
	min-width:fit-content;
}

.page-content .dropdown-menu li
{
	padding-left: 0;
	margin-bottom:0;
}

.page-content .dropdown-menu li:before
{
	display: none;
}

.dropdown-item
{
  padding: 0;
  color: #03312E;
}

.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-menu .inner
{
	min-height: auto !important;
}

.bootstrap-select .dropdown-menu li:last-child
{
	border-bottom:  none;
}

.bootstrap-select .dropdown-menu li a
{
	padding: .5rem 1.2rem;
}

.bootstrap-select.show-tick .dropdown-menu li a
{
	padding-left:4rem;
}

.bootstrap-select .dropdown-menu li a:hover
{
	background:var(--light-green);
	color:var(--dark-green);
}

.bootstrap-select .dropdown-menu li a:hover span
{
	color:var(--dark-green);
}

.dropdown-item
{
	color:  #03312E;
}

.dropdown-item.active, .dropdown-item:active
{
	background:var(--light-green);
	color:var(--dark-green);
}

.dropdown-item.active span, .dropdown-item:active span,
.contact-form label .dropdown-item.selected span.text
{
	color:var(--dark-green);
}

.dropdown-toggle:after
{
	content: '';
	width: 2rem;
	height: 2rem;
	background: url(assets/images/chevron-1.svg);
	background-size:2rem 2rem;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1rem !important;
	border: none;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.dropdown.show .dropdown-toggle:after
{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.block-type-1 .column-1 h1,
.block-type-1 .column-1 h2,
.block-type-1 .column-1 h3,
.block-type-1 .column-1 h4,
.block-type-1 .column-1 h5
{
	margin-bottom:3rem;
}

.buttons .btn
{
	margin:0 1.5rem 1.5rem 0;
}

.page-id-232 .block-type-contact .container
{
	padding-top:23rem;
}

.overflow--right
{
	width:100%;
	max-width:none;
	margin-right:-50%;
}

/* brand name generator */
.designbro-results {
	border: none;
	padding: 24px 30px;
}

.designbro-results-list 
{
    display: flex;
    flex-wrap: wrap;
    padding:10rem 0;
}

.designbro-results-list:empty
{
	padding:0;
}

.designbro-results-list div {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}
@media screen and (max-width:767px){
   
    .designbro-mobile-show{
        display:block;
    }
    .designbro-desktop-ftr{
        display:none;
    }
    .designbro-results-list {
        display: flex;
        flex-direction: column;
        flex-wrap:wrap;
        margin: 0 auto 100px auto;
    }
}

@media (min-width: 768px) {
    .designbro-results-list div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
    }

    .designbro-results-list div:nth-child(3n+1) {
        -webkit-transform: translate3d(0, -48px, 0);
        transform: translate3d(0, -48px, 0);
    }

    .designbro-results-list div:nth-child(3n+3) {
        -webkit-transform: translate3d(0, 48px, 0);
        transform: translate3d(0, 48px, 0);
    }
}

.designbro-results-list div > span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: var(--dark-green);
    height: 220px;
    line-height: inherit;
    word-break:break-word;
    margin: 8px;
    border:2px solid var(--light-green);
    text-align: center;
    -webkit-animation: pop-in 300ms ease-out;
    animation: pop-in 300ms ease-out;
    color:var(--light-green);
}

@media (min-width: 768px) {
    .designbro-results-list div > span {
        margin: 16px;
    }
}

.designbro-results-list div > span {
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 1.1em;
    position: relative;
}

.designbro-results-list div > span:after {
    content: '';
    width: 20px; height: 20px;
    position: absolute;
    top: 20px; right: 20px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c3ZnanM9Imh0dHA6Ly9zdmdqcy5jb20vc3ZnanMiIHZlcnNpb249IjEuMSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA2ODIuNjY2NjkgNjgyLjY2NjY5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im01NjUgNjQwaC0zNDBjLTQxLjM1OTM3NSAwLTc1LTMzLjY0MDYyNS03NS03NXYtMzQwYzAtNDEuMzU5Mzc1IDMzLjY0MDYyNS03NSA3NS03NWgzNDBjNDEuMzU5Mzc1IDAgNzUgMzMuNjQwNjI1IDc1IDc1djM0MGMwIDQxLjM1OTM3NS0zMy42NDA2MjUgNzUtNzUgNzV6bS0zNDAtNDQwYy0xMy43ODUxNTYgMC0yNSAxMS4yMTQ4NDQtMjUgMjV2MzQwYzAgMTMuNzg1MTU2IDExLjIxNDg0NCAyNSAyNSAyNWgzNDBjMTMuNzg1MTU2IDAgMjUtMTEuMjE0ODQ0IDI1LTI1di0zNDBjMC0xMy43ODUxNTYtMTEuMjE0ODQ0LTI1LTI1LTI1em0tMTI1IDI0MGgtMjVjLTEzLjc4NTE1NiAwLTI1LTExLjIxNDg0NC0yNS0yNXYtMzQwYzAtMTMuNzg1MTU2IDExLjIxNDg0NC0yNSAyNS0yNWgzNDBjMTMuNzg1MTU2IDAgMjUgMTEuMjE0ODQ0IDI1IDI1djIzLjc1aDUwdi0yMy43NWMwLTQxLjM1OTM3NS0zMy42NDA2MjUtNzUtNzUtNzVoLTM0MGMtNDEuMzU5Mzc1IDAtNzUgMzMuNjQwNjI1LTc1IDc1djM0MGMwIDQxLjM1OTM3NSAzMy42NDA2MjUgNzUgNzUgNzVoMjV6bTAgMCIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiIvPjwvZz48L3N2Zz4K");
    background-size: cover;

}

.designbro-results-list div:hover > span {
    -webkit-transform: scale(0) translate3d(0, 0, 0);
    transform: scale(0) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 150ms ease;
    transition: -webkit-transform 150ms ease;
    transition: transform 150ms ease;
    transition: transform 150ms ease, -webkit-transform 150ms ease;
}

.designbro-results-list div:nth-child(3n+1) > span {
    margin-left: 0px;
}

.designbro-results-list div:nth-child(3n+2) > span {
    text-transform: none;
    font-weight: 200;
    letter-spacing: 0;
    font-size: 1.9em;
}

.designbro-results-list div:nth-child(3n+3) > span {
    margin-right: 0px;
}

.result-item:nth-child(7n+3) > span {
    text-transform: none;
    font-weight: 700;
    letter-spacing: -0.05em;
    font-size: 1.7em;
}

.designbro-results-list div:nth-child(5n+0) > span {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.2em;
    font-size: 1.1em;
}

.designbro-results-list div:hover > span {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
}

@media (min-width: 768px) {

    .designbro-results-list div:hover > span,
    .designbro-results-list div:nth-child(9n+5) > span {
        background: var(--light-green);
        color:var(--dark-green);
        border:2px solid var(--dark-green);
        color: black;
        -webkit-transform: scale(1.05) translate3d(0, 0, 0);
        transform: scale(1.05) translate3d(0, 0, 0);
    }

    .designbro-results-list div:nth-child(9n+5) > span {
        -webkit-transform: scale(1.1) translate3d(0, 0, 0);
        transform: scale(1.1) translate3d(0, 0, 0);
    }

    .designbro-results-list div:nth-child(9n+3) > span {
        font-family: 'Playfair Display', serif !important;
    }

    .designbro-results-list div:nth-child(9n+1) > span {
        font-family: 'Berkshire Swash', cursive !important;
    }



}

.designbro-results-list > hr {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background: #888;
    height: 1px;
    margin: 16px 32px;
}

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

#designbro-form .submit-wrap
{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

#designbro-form .submit-wrap .btn
{
	margin:0 0 3rem 0;
}

@media (min-width:992px)
{
	#designbro-form .submit-wrap .btn
	{
		margin:0 3rem 0 0;
	}
}

#designbro-form .submit-wrap a
{
	color:var(--light-green);
}

#designbro-form .submit-wrap .contact-text
{
	margin-top:-.5rem;
}

#designbro-form .submit-wrap .contact-text *:last-child
{
	margin:0;
}

#designbro-form .form-input 
{
    margin-bottom: 6rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 600;
    line-height: normal;
    position: relative;
}

#designbro-form .form-input .input-holder
{
	margin:3rem 0 0 0;
}

@media (min-width:992px)
{
	#designbro-form .form-input .input-holder
	{
		margin:0 0 0 2.5rem;
	}
}

#designbro-form input[type=text]
{
	border: none;
    border-bottom: 1px solid var(--light-green);
    font-size: 2.2rem;
    color: var(--light-green);
    letter-spacing: -.04em;
    font-weight: 600;
    width: 250px;
    background: none;
    padding: 0 15px 5px 15px;
}

.block-type-case-study-ux
{
	background:var(--light-green);
	overflow:hidden;
	margin-bottom:8rem;
}

@media (min-width:992px)
{
	.block-type-case-study-ux
	{
		overflow:visible;
	}
}

.block-type-case-study-ux .container
{
	padding-top:6rem;
	padding-bottom:10rem
}

@media (min-width:992px)
{
	.block-type-case-study-ux .container
	{
		padding-top:12rem;
		padding-bottom:6rem
	}
}

.subsection-intro
{
	margin-bottom:10rem;
}

.subsection-intro .row--with-images
{	
	position:relative;
	z-index:10;
	margin-bottom:-20rem;	
}

.subsection-intro .row--with-images img
{
	margin-bottom:3rem;
}

@media (min-width:992px)
{
	.subsection-intro .row--with-images
	{
		-moz-transform: translateY(-200px);
		-webkit-transform: translateY(-200px);
		-o-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
		transform: translateY(-200px);
	}
}

@media (min-width:992px)
{
	.subsection-intro .image-1
	{
		padding-right:3rem;
	}
}

.subsection-intro .row--images
{	
	margin-left:-3rem;
	margin-right:-3rem;
	text-align:center;
}

@media (min-width:992px)
{
	.subsection-intro .row--images
	{
		margin-bottom:6.5rem;
	}
}

.subsection-intro .row--images > div
{
	padding-left:3rem;
	padding-right:3rem;
}

.subsection-intro .heading
{
	position:relative;
	z-index:10;
}

.subsection-intro .content
{
	position:relative;
}

.subsection-intro .column-content .big-heading--top
{
	top:10rem;
	left:0;
	width:100%;
	text-align:left;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

.subsection-colors
{
	background:var(--dark-green);
	color:#fff;
	padding:4rem;
	margin-bottom:8rem;
}

@media (min-width:1400px)
{
	.subsection-colors
	{
		padding:8rem;
	}
}

.subsection-colors .row
{
	align-items:center;
}

.block-type-case-study-ux .colors
{
	width: 70%;
	max-width: 100%;
	padding-top:4rem;
	float:right;
}

@media (min-width:992px)
{
	.block-type-case-study-ux .colors
	{
		padding-top:0;
	}
}

.block-type-case-study-ux .color
{
	margin-bottom: 25px;
	position: relative;
	display:flex;
	text-align:right;
	width:100%;
}

.block-type-case-study-ux .color:last-child
{
	margin: 0;
}

.block-type-case-study-ux .color p
{
	padding:2rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
	float: left;
	text-transform: uppercase;
	color: #000;
	width:60%;
	margin:0;
	font-weight:400;
}

@media (min-width:1400px)
{
	.block-type-case-study-ux .color p
	{
		font-size: 2rem;
		line-height: 2.8rem;
	}
}

.block-type-case-study-ux .color p.dark
{
	color: #000;
}

.block-type-case-study-ux .color p.light
{
	color: #fff;
}

.block-type-case-study-ux .subcolors
{
	width:40%;
	display:flex;
	align-items:flex-end;
}

.block-type-case-study-ux .subcolors .subcolor
{
	width: 33.3%;
	height: 2.5rem;
	float: left;
	position: relative;
	opacity: 0.3;
}

.block-type-case-study-ux .subcolors .subcolor:first-child
{
	opacity: 0.15;
}

.block-type-case-study-ux .subcolors .subcolor:last-child
{
	opacity: 0.45;
}

.block-type-case-study-ux .subcolors .subcolor span
{
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.block-type-case-study-ux .subcolors .subcolor.animated span
{
	animation-duration: 0.5s;
	animation-name: colorsWidth;
	animation-fill-mode: forwards;
}

.block-type-case-study-ux .subcolors .subcolor.animated:nth-child(2) span
{
	animation-delay: 0.5s;
}

.block-type-case-study-ux .subcolors .subcolor.animated:nth-child(3) span
{
	animation-delay: 1s;
}

@keyframes colorsWidth {
	0% { width: 0; }
	100% { width: 100%; }
}

.subsection-cta
{
	color:var(--dark-green);
}

.subsection-cta .column-1
{
	padding-top:5rem;
	padding-bottom:5rem;
	position:relative;
	z-index:999;
}

.subsection-cta .column-1 > div
{
	padding:0;
	background:var(--light-green);	
}

@media (min-width:1400px)
{
	.subsection-cta .column-1 > div
	{
		padding:6.5rem;
		margin-left:8rem;
	}
}

.subsection-cta .column-2
{
	min-height:100%;
}

.subsection-cta .column-2 > div
{
	position:relative;
	height:100%;
}

@media (min-width:1400px)
{
	.subsection-cta .column-2 > div
	{
		margin-right:8rem;
	}
}

.video-container 
{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% + 50%);
    height: 100%;
    z-index: 20;
    opacity: 1;
}

.subsection-cta .image
{
	position: absolute;
    top: 0;
    right: 0;
    width: calc(100% + 50%);
    height: 100%;
    z-index: 20;
    opacity: 1;
    background-size:cover;
}

.subsection-cta .facts-counters
{
	padding-top:15rem;
	position:relative;
}

.subsection-cta .facts-counters .big-heading--top
{
	top:-1rem;
	left:0;
	width:100%;
	text-align:center;
	-webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	/* Standard property (Firefox) */
	mask-image: linear-gradient(to top, black 80%, transparent 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
	color:#001F17;
}

blockquote
{
	display:flex;
}

blockquote p
{
	position:relative;
	padding:0 4.5rem	;
	color:var(--light-green);
	font-weight:400;
	font-style:italic;
	flex-wrap:wrap;
	display:inline;
}

blockquote p:before
{
	content:'';
	width:3rem;
	height:2.9rem;
	background:url(assets/images/icon-quote2.svg);
	background-size:3rem 2.9rem;
	position:absolute;
	top:.5rem;
	left:0;
}

blockquote p:after
{
	content:'';
	width:3rem;
	height:2.9rem;
	background:url(assets/images/icon-quote2.svg);
	background-size:3rem 2.9rem;
	position:absolute;
	bottom:.5rem;
	right:0;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.gallery
{
	display:flex;
	flex-wrap:wrap;
	margin:0 -2rem !important;
}

.gallery dl
{
	padding:0 2rem;
}

@media (max-width:767px)
{
	.gallery dl
	{
		width:100% !important;
		margin-bottom:1rem;
	}
}

.gallery small
{
	font-size:1.2rem !important;
	line-height:1.8rem !important;
	display:block;
	padding:1rem 0;
}

.gallery img
{
	border:none !important;
}

/* hyphenate */
@media (max-width:767px)
{
	.block-type-1 .heading,
	.block-type-portfolio-details .heading
	{
		hyphens: auto;
		hyphenate-limit-chars: auto;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 5;
		-webkit-hyphenate-limit-lines: 2;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 5;
		-ms-hyphenate-limit-lines: 2;
	}
}

iframe
{
	width:100%;
	height:auto;
	aspect-ratio: 16 / 9;
}

@media (min-width:992px)
{
	iframe
	{
		width:calc(50% - 2rem);
	}
}

@media (max-width:767px)
{
	.text-columns > div
	{
		margin-bottom:4rem;
	}
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a
{
	background:var(--dark-green);
	border:1px solid var(--light-green);
	color:#fff;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a p
{
	font-size:1.6rem;
	line-height:2.2rem;
	border:none !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle
{
	color:var(--light-green) !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn,
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn:hover
{
	background:var(--light-green) !important;
	color:var(--dark-green);
}