html, body, input, textarea {color: #214425; font-family: 'Archivo', sans-serif; font-size: 1em; line-height: 1.6; font-optical-sizing: auto;  font-variation-settings: "wdth" 100;}
a{color: #214425; text-decoration:none; transition: all 0.5s;}
*{padding:0; margin:0;}
.social{margin: 15px 0 0 0;}
.social li{display:inline-block; margin: 0 10px 10px 0; width: 30px; height: 30px;}
.social li a{border-bottom: none!important;}
.social li a svg{fill: #c6d049; width: 100%; vertical-align: middle; transition: all 0.5s;}
.clear { clear: both;}
.center { margin: 0 auto; max-width: 1100px;}
.grecaptcha-badge{z-index:100;}
.btn{color: #214425; background:#c6d049; display:inline-block; padding:10px 15px; font-weight:bold; text-align: center;}
.btn::after{content: " >"; display: inline-block; margin: 0 0 0 5px; transition: all 0.7s;}
.error{ background:#f1f0e4; border:#C4060A 1px solid; color:#C4060A; padding:10px; margin:25px 0!important; border-radius: 0px;}
.error li{ margin-left:25px; }
.succes{ background:#f1f0e4; border:#9fa546 1px solid; color:#9fa546; padding:20px; margin:25px 0!important; border-radius: 0px;}

.mm-spn.mm-spn--light{background: #214425!important; color: #fff!important; }
.mm-spn a.active{color:#9fa546;}
.mm-spn ul.mm-spn--parent{left: -800px!important;}

.sl-wrapper .sl-image .sl-caption{background: linear-gradient(to bottom, transparent 0%, black 100%)!important; color:#fff; font-size: 1.2em!important; line-height: 1.2; font-weight:600; position:absolute; height:auto; padding: 25px; display:block; margin: 0; overflow:hidden; min-height: 65px;}
.sl-wrapper .sl-image img{}
.sl-overlay{background: #214425!important;}

.content{}
.content h1{font-size: 2.5em; margin: 0 0 15px 0; line-height: 1;}
.content h2{font-size: 1.8em; margin: 0 0 15px 0; line-height: 1; color: #9fa546;}
.content h3{font-size: 1.4em; margin: 0 0 15px 0; line-height: 1.2; color: #9fa546;}
.content h6{font-size: 1em; margin: 0 0 15px 0; line-height: 1.2; color: #9fa546;}
.content p{margin: 0 0 25px 0;}
.content a:not(.btn){border-bottom: 1px solid #214425;}
.content ul, .content ol{margin: 0 0 25px 25px;}
.content img {max-width:100%;}
.content img {}
.content .overviewSubPages{background:#f1f0e4; padding:25px 25px 5px 25px;}
.content table, .content table tr{border:0; width:100%;}
.content table tr td{width:50%!important; padding: 25px; vertical-align: top!important; border:0!important; height: auto!important;}
.content table tr td table tr td{padding: 5px!important;}
.content table tr td table{margin-bottom: 25px!important;}
.content table tr td:first-of-type{padding-left:0;}
.content table tr td:last-of-type{padding-right:0;}
.content table tr td img{max-width:100%!important; height: auto;}

.gradButton::after{border-image: linear-gradient(to bottom, #c6d049 0%, #214425 100%) 1; border-radius: 0; border-width: 2px; border-style: solid; padding: 5px; width: 25px; height: 25px; line-height: 25px; text-align: center; content: " >"; display: inline-block; margin: 0 0 0 5px; transition: all 0.7s;}

.formContainer{overflow:hidden; position:relative; }
.formTxt{clear:both; float:left; width:35%; margin: 0 0 25px 0; font-weight:bold; }
.formInput{float:left; width:65%; margin: 0 0 25px 0;}
.formInput input:not(.btn), .formInput textarea{background:#fff; border: 1px solid #214425; padding:10px; width: calc(100% - 22px); border-radius: 0; -webkit-appearance: none;}
.formInput textarea{ height:100px;}
.formInput .btn{border:none; transition: all 0.5s; border-radius: 0;}
.formContainer .adjustJump{position:absolute; margin-top:-250px!important;}


header{background:#fff; position: relative; z-index: 75;}
header.sticky{position: fixed; top: 0; width: 100%; box-shadow: 0 0 15px #000; z-index:110;}
header.sticky + .hero { padding-top: 65px;}

header .center.holder{margin: 40px auto 60px auto; position:relative;}
header.sticky .center.holder{margin: 5px auto 10px auto; transition: all 0.5s;}
header .logo{margin: 0 auto; width:250px; height: auto; transition: all 0.5s;}
header.sticky .logo{margin: 0 auto; width:150px; height:auto; }
header .logo picture * {height: 100%; max-width: 250px; transition: all 0.5s;}
header .offer{position: absolute; top: 20px; right: 0; text-align:right; width:200px;}
header.sticky .offer{top: 0; transition: all 0.5s;}
header .mobileMenuHolder{display:none;}

header nav{background:#214425; padding: 15px 0; transition: all 0.5s;}
header.sticky nav{padding: 10px 0;}
header nav ul{list-style:none; display: flex;}
header nav ul li{padding: 0 2px; flex: auto; text-align:center; position:relative;}
header nav ul li a{display:inline-block; color:#fff; border-bottom: 1px solid #214425; }
header nav ul li a.active, header nav ul li a:hover, header nav ul li:hover > a{border-color:#9fa546; }
header nav ul li a.active{color:#c6d049; }
header nav ul li ul{max-height:0px; background: rgba(255,255,255,0.7); font-weight:bold; width:200px; display:block; position:absolute; top: 37px; z-index:100; transition: all 0.7s; overflow:hidden;}
header nav ul li ul li{float: none; padding: 0; text-align:left;}
header nav ul li ul li a{display:block; padding: 10px 5px 10px 15px; color:#214425; border-bottom:none;}
header nav ul li ul li a:hover, header nav ul li ul li a.active{ color:#9fa546; }
header nav ul li:hover ul{max-height:700px; }
header nav ul li.home{/*display:none;*/}


.hero{}
.hero .heroImage picture{display:block; width: 100%; height:100%; }
.hero .heroImage picture *{width: 100%; height:100%; object-fit:cover;}
.hero .heroImage .center{ position:relative;}
.hero .heroImage .inner{ position:relative; width:100%; max-width:2200px; margin: 0 auto; aspect-ratio: 3 / 1; }
.hero.sub .heroImage .inner {aspect-ratio: 6 / 1; }
.hero .heroTxt{padding: 25px; background:#214425; color: #c6d049; margin-top: -5%; width: 80%;}
.hero .heroTxt h1{font-size:3.8em; line-height:1.3; }
.hero .heroTxt h1 span{font-weight:normal; display:block; color: #fff;}
.hero .icon{position: absolute; right: 0; bottom: 0; height:200px;}


main{}
main .content1{font-size: 1.2em; padding: 50px 0 25px 0;}
main .content2{background:#fff url("/images/icon-leaves.svg") no-repeat -100px center; background-size: auto 100%; padding: 100px 0 25px 0;}
main .content3{padding: 100px 0 100px 0;}
main .content3 a.btn{color: #214425; background:#fff; border-image: linear-gradient(to bottom, #c6d049 0%, #214425 100%) 1; border-radius: 0; border-width: 2px; border-style: solid; }
main .content3 .center{display:flex; flex-wrap:wrap;}
main .content3 .half{width:calc(50% - 50px); margin: 0 50px 0 0;}
main .content3 .half p:last-of-type{margin:0;}
main .content3 .photo{width:50%; position:relative;}
main .content3 .photo a {line-height: 0;}
main .content3 .photo picture{display: block; width: 100%; height:100%;}
main .content3 .photo picture *{width: 100%; height:100%; object-fit:cover;}
main .content3 .photo .icon{position:absolute; bottom: -10px; left:15px; width: 30%;}


.highlights{background:#f1f0e4 url("/images/icon-flower.svg") no-repeat 150% center; background-size: auto 150%; overflow:hidden; padding: 50px 0; margin: 50px 0;}
.highlights h2{color:#214425;}
.highlights .holder{display:flex; flex-wrap: wrap;}
.highlights .item{overflow:hidden; display: inline-block; flex: calc(50% - 25px); aspect-ratio: 2 / 1; position: relative; transition: all 0.4s ease-in-out; margin: 25px;}
.highlights .item:nth-child(odd){margin-left: 0;}
.highlights .item:nth-child(even){margin-right: 0;}
.highlights .item picture{display:block; position: absolute; top: 0px; left:0px; bottom: 0px; right: 0px; transition: 0.7s;}
.highlights .item picture *{height:100%; width:100%; object-fit: cover; overflow:hidden; }
.highlights .item span{ background: linear-gradient(to bottom, transparent 0%, black 100%); color:#fff; font-size: 1.5em; line-height: 1.2; font-weight:600; position:absolute; bottom: 0; left:0; width:calc(100% - 50px); padding: 25px; display:block;}
.highlights .item span a{color:#fff;}
.highlights p{margin: 20px 0 0 0; text-align:right;}
.highlights p a{font-weight:bold; border: none!important;}

.cta{background:#f1f0e4; padding: 35px 0; margin:0; text-align:center;}
.cta .txt h5{font-size: 2.5em; margin: 0 0 10px 0; line-height: 1;}
.cta .txt h6{font-size: 1em; font-weight:normal; color: #214425; margin: 0 0 25px 0;}

.usp{padding: 75px 0; background:#c6d049; color:#214425;}
.usp h2{color:#214425; margin: 0 0 50px 0;}
.usp h3{color:#214425; margin: 35px 0; font-weight: 900;}
.usp p{margin: 0;}
.usp img{width: 50%;}
.usp ul{list-style: none; display: grid; grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25% - 30px); grid-gap: 40px; margin: 0; text-align:center;}
.usp ul li{padding: 30px 20px; border:1px solid #fff; }

.photos{padding: 50px 0; background:#214425; }
.photos h2{color:#fff; height: 50px; max-width: calc(100% - 150px);}
.photos p{color:#fff; height: 50px; max-width: calc(100% - 150px);}
.photos .slick{}
.photos .photo{margin: 25px; aspect-ratio: 7/8; transition: 0.7s; position:relative; overflow:hidden; }
.photos .photo picture{left: 25px; top: 25px; right: 25px; bottom: 25px; position: absolute; height:calc(100% - 50px)!important; width:calc(100% - 50px)!important; display:block!important;}
.photos .photo picture *{height:100%; width:100%; object-fit: cover; }
.photos .photo p{width:calc(100% - 100px)!important; opacity: 0; transition: 0.7s; background: linear-gradient(to bottom, transparent 0%, black 100%); color:#fff; font-size: 0.9em; line-height: 1; font-weight:600; position:absolute; bottom: 25px; left:25px; right:25px; max-width: none; height:auto; padding: 25px; display:block; margin: 0; overflow:hidden;}
.photos .slick-arrow{top:-50px; font-size:0; border:1px solid #fff; width: 50px; height:50px; min-height:30px; cursor:pointer; position: absolute; z-index: 100; transition: 0.5s; background:#214425;}
.photos .slick-arrow::before{padding: 5px; width: 25px; height: 25px; line-height: 25px; text-align: center; content: " >"; display: inline-block; margin: 0; transition: all 0.7s; color:#fff; font-size: 20px; font-weight: 600;}
.photos .slick-next{ right:0; }
.photos .slick-prev{ right:75px;}
.photos .slick-prev::before{content: "<";}
.photos .slick-disabled{opacity: 0; cursor:default;}
.photos.home .slick-current .photo {transform: scale(1.3); z-index: 100; }
.photos .slick-current .photo p{opacity: 1;}
.photos.home .slick-list{margin-left: calc(0.5 * (100vw - 100%) - 0.5 * (100vw - 100%) - 0.5 * (100vw - 100%)); width:calc(100vw - 10px); overflow:hidden; padding: 0px 0!important;}
.photos.sub{background:#fff;}
.photos.sub .photo{aspect-ratio: 1/1; margin: 0;}
.photos.sub .photo p{opacity: 1;}
.photos.sub .slick-list{width:100%; overflow:hidden;}

footer{position:relative; background:#214425; color:#fff; padding: 75px 0 0 0; margin:100px 0 0 0;}
footer .tree{position:absolute; top:-150px; right:1%; width: auto; height:150px;}
footer .footerCta{border-bottom: none; position:absolute; padding: 0 0 0 15px; height: 45px; top: -45px; left:0; background:#9fa446; color:#fff; font-size:1.2em; }
footer .footerCta::after{width: 35px; height: 35px; line-height: 35px; border-width: 0; border-image: none; background: #c6d049;}
footer a{color:#fff; border-bottom: 1px solid #214425;}
footer h6{color:#c6d049!important;}
footer.content ul{list-style:none; margin:0;}
footer .center{display:flex; flex-wrap: wrap;}
footer .block{flex: 33.3%; padding: 0 0 50px 0; line-height: 2;}
footer .block .logo{width:80%; max-width:250px;}
footer .block .logo picture *{width:100%;}

footer .bottom{ padding: 25px 0;}
footer .bottom ul{flex: 66.64%; display:flex; order: 2;}
footer .bottom ul li{margin: 0;}
footer .bottom ul li::after{content: "|"; display: inline-block; margin: 0 25px; color:#c6d049;}
footer .bottom ul li:last-of-type::after{content: ""; margin: 0;}
footer .bottom ul li a{color:#9fa546;}
footer.content .bottom p{flex: 33.3%; margin:0;}


@media only screen and (min-width: 1500px) {
	/* Hover effects only on big screens*/
	
	.social li a:hover{padding:0;}
	.social li a:hover svg{fill: #9fa546; transform: scale(1.1);}
	
	.btn:hover{color:#fff; background-color:#214425;}
	.btn:hover::after{ margin: 0 0 0 8px;}
	main .content3 a.btn:hover::after{ margin: 0 0 0 5px;}
	main .content3 a.btn:hover{border-image: linear-gradient(to top, #c6d049 0%, #214425 100%) 1;}
	
	.gradButton:hover::after{border-image: linear-gradient(to top, #c6d049 0%, #214425 100%) 1;}

	.content a:not(.btn):hover{border-bottom: 1px solid #c6d049;}
	.photos  .slick-prev:hover{border-color:#c6d049;}
	.photos  .slick-next:hover{border-color:#c6d049;}
	.photos .slick-arrow:hover::before{color:#c6d049;}

	.cta .link .btn:hover{color:#c6d049; background-color:#214425; }

	.highlights .item:hover picture{transform: scale(1.1); }
	
	footer a:hover{border-color:#fff;}
	footer .bottom a:hover{border-color:#c6d049;}
}

@media only screen and (max-width: 1500px) {
	.hero .heroTxt h1{font-size: 3.0em;}
	.hero .icon{height: 150px;}
	.hero .heroTxt{width: 70%;}
}	

@media only screen and (max-width: 1150px) {
	.center { margin: 0 50px; }
	
	header .center.holder{margin: 40px 50px 60px 50px;}
	header.sticky .center.holder{margin: 5px 50px 10px 50px; }

	main .content2{background-position: -150px; background-size: auto 50%;}
	
	.highlights .item span{font-size: 1.2em;}
	
	footer .tree{ top:-100px; height:100px;}

}

@media only screen and (max-width: 1000px) {
	.content h1{font-size: 2.0em;}
	.content h2{font-size: 1.5em;}
	.content h3, .content h6{font-size: 1.2em;}
	
	.hero.sub .heroImage .inner{aspect-ratio: 4 / 1;}
	.hero .icon{height: 75px;}
	.hero .heroTxt h1{font-size: 2.0em;}	
}


@media only screen and (max-width:800px) {
	.center { margin: 0 25px; }

	.formTxt{float:none; width:100%; margin: 0 0 5px 0;}
	.formInput{float:none; width:100%; }
	.formTxt.gone{display:none;}	

	header .center.holder{margin: 25px; display: flex; align-items: center;}
	header.sticky .center.holder{margin: 5px 25px 10px 25px; }
	header .logo{flex:33.4%; margin: 0; }
	header .offer{flex:43.3%; position: relative; top: auto; right:auto; text-align: center;}
	header .mobileMenuHolder{flex:23.3%; padding: 0 0 0 0; display: block; text-align:right;}
	
	header nav{display:none;}
	
	header .mobileMenu {background:#c6d049; color:#214425; padding: 3px 5px 15px 10px; width: 85px; height: 25px; float:right; line-height:50px; } 
	header .mobileMenu .mobileNav{display:block; height: 27px; width: 80px; }
	header .mobileMenu .mobileNav .hamburger{width:30px; height:30px; float:left;}
	header .mobileMenu .mobileNav .txt{font-weight:bold; font-size: 15px; line-height: 35px; width:50px; height:30px; float:left; text-align: right;}
	header .mobileMenu .mobileNav .bar1, header .mobileMenu .mobileNav .bar2, header .mobileMenu .mobileNav .bar3 {background: #214425; width: 100%; height: 2px; margin: 8px 0; transition: all 0.5s;}	
	header .mobileMenu .menuOpen .bar1 {transform: translate(0, 10px) rotate(-45deg);}
	header .mobileMenu .menuOpen .bar2 {opacity: 0;}
	header .mobileMenu .menuOpen .bar3 {transform: translate(0, -10px) rotate(45deg);}


	.highlights .item {flex: calc(50% - 15px); margin: 15px;}
	.highlights .item span{font-size: 1em; }
	
	.usp ul{grid-template-columns: calc(50% - 20px) calc(50% - 20px); grid-gap: 40px;}
}

@media only screen and (max-width: 750px) {
	.content table tr td, .content table col{display:block; width:100%!important; padding: 25px 0 0 0; }

	main .content2{padding: 25px 0 25px 0;}
	main .content3{padding: 50px 0 50px 0;}
	main .content3 .center{display:block;}
	main .content3 .half{width:100%; margin: 0 0 25px 0;}
	main .content3 .photo{width:100%;}
	
	footer .block{flex:50%;}
	footer .block:nth-of-type(1){flex:100%;}
	footer .bottom ul{flex:100%; flex-wrap: wrap; order: 1; margin: 0 0 25px 0; justify-content: center;}
	footer.content .bottom p{flex:100%; order: 2; text-align: center;}
}

@media only screen and (max-width: 500px) {	
	.center.{margin: 15px;}
	
	.formInput input[type="submit"]{ width:100%; }	
	.formContainer .adjustJump{}
	
	.content td{ display:block; width:100%!important; }

	header .center.holder{margin: 15px; flex-wrap: wrap;}
	header.sticky .center.holder{margin: 5px 15px 10px 15px; }
	header .logo{flex:calc(100% - 120px); margin: 0; }
	header .offer{flex:100%; order: 3; margin: 25px 0 0 0;}
	header .mobileMenuHolder{flex:120px;}
	
	.hero .heroTxt{padding: 15px 5px 15px 10px; width: 85%; margin-top: -7%;}
	.hero.sub .heroImage .inner{aspect-ratio: 2.5 / 1;}
	
	.highlights{margin: 0 0 25px 0;}
	.highlights .item{flex:100%; margin: 15px 0;}
	.highlights .item span{font-size: 1.2em;}
	
	.usp ul{grid-template-columns: calc(50% - 10px) calc(50% - 10px); grid-gap: 20px;}
	.usp ul li{padding: 10px;}
	
	.photos .photo p{width: calc(100% - 80px)!important; padding: 15px; font-size: 0.8em; line-height: 1em; }
	
	footer{padding: 50px 0 0 0; text-align: center;}
	footer .tree{ top:-75px; height:75px;}
	footer .block{flex: 100%;}
	footer .block .logo{margin: 0 auto;}
	footer .bottom{padding: 0 0 25px 0;}
	footer .bottom ul li{flex: 100%; padding:5px 0;}
	footer .bottom ul li::after{display:none;}
}

@media only screen and (max-width: 400px) {
	.usp ul{grid-template-columns:100%; grid-gap: 20px 0;}
	.usp ul li{padding: 10px; margin: 10px 50px;}
}