﻿* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html { }
body {line-height:1; font-family: 'Open Sans', sans-serif; color:#ffffff}

div,
section		{background-repeat: no-repeat;}

::-webkit-input-placeholder     {color:#ffffff;}
::-moz-placeholder              {color:#ffffff; opacity:1;}
:-ms-input-placeholder          {color:#ffffff;}
:-moz-placeholder               {color:#ffffff; opacity:1;}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 10}
.inner 	{width:990px; padding-left: 20px; padding-right: 20px; max-width:100%; margin:0 auto; }

h1		{line-height: 1.4em; letter-spacing: 1px}

ul,
ol,
p		{line-height: 1.6em; font-weight: 300; margin-bottom: 1em; color:#1D1D1B; font-size: 15px}


.pp p,
.whitebg p {font-weight: 500;}

.intro p { font-weight: 700; font-size: 18px; }

ol,
ul		{margin: 1em; margin-left: 2em;}

section				{padding: 30px 0}

section h2,
.popup-content h2 {font-size: 32px; font-weight: 600; color:#242527; letter-spacing: 0.5px; display: inline-block; margin-bottom: 0.75em; text-transform: uppercase;}

section h2 span		{display: inline; border-bottom: 2.5px solid #008E17; line-height: 1.6em; /*padding-left: 10px; padding-right: 10px;*/}

/* HEADER */
header				{background-color: #242527; height: 80px; position: fixed; left: 0; top:0; width: 100%; z-index: 100}
header .inner		{display: flex; justify-content: flex-start; align-items: center; }
header .btn			{margin-left: auto;}
header .logo		{flex-shrink: 0}
nav ul				{font-size: 13px; font-weight: 600; display: inline-flex; margin-left: 50px; margin-bottom: 0; margin-top: 0}
nav ul li			{margin-left: 77px; height: 80px; display: flex; align-items: center; position: relative;}
nav ul li a			{font-size: 13px; color:#ffffff; text-decoration: none; text-transform: uppercase;}
nav ul li:hover a,
nav ul li a:hover	{color:#97D742}

nav ul li:hover ul		{left: -33px;}

nav ul li ul			{position: absolute; left: -99999px; top:80px; margin: 0; background-color: #242527; flex-direction: column; overflow: hidden;}
nav ul li ul li			{height: auto; margin: 0; width:205px; position: relative;}
nav ul li ul li a		{display: block; padding: 13px 33px; width:100%; position: relative;}
nav ul li ul li:after	{border-bottom: 2px solid #8FC859; position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px); content: '';}
nav ul li ul li a:hover	{background-color: #8FC859; color:#ffffff; box-shadow: 0 0 0 2px #8FC859}

nav ul li ul li:last-child:after	{display: none}

nav ul li:hover ul li a	{color:#ffffff}

/* MOBILE NAV */
.hamburger 						{width: 30px; height: 25px; z-index: 50; margin-left: 15px; cursor: pointer; display: block; position: relative;}
.hamburger span 				{width: 100%; display: block; height: 4px; background-color: #ffffff; position: absolute; top: 0; left: 0; border-radius: 1px; transition: 0.2s cubic-bezier(0, 0, 0.21, 1); }
.hamburger span:nth-child(1) 	{}
.hamburger span:nth-child(2) 	{top: 10px;}
.hamburger span:nth-child(3) 	{top: 20px;}

.hamburger.open span 				{background-color: #ffffff;}
.hamburger.open span:nth-child(1) 	{top: 13px; transform: rotate(45deg)}
.hamburger.open span:nth-child(2) 	{opacity: 0; transform: scale(0)}
.hamburger.open span:nth-child(3) 	{top: 13px; transform: rotate(-45deg)}

/* HOME HERO */
.main-hero				{background-size: cover; background-position: right center; margin-bottom: 0; margin-top: 80px; padding: 0; position: relative; background-color: #242527}
.main-hero .inner		{min-height: 325px; /*min-height: 590px;*/ display: flex; align-items: center;}
.main-hero h1			{color:#ffffff; font-weight: 600; font-size: 43px; text-transform: uppercase; margin-bottom: 0.45em; position: relative; z-index: 1; line-height: 1.1em;}
.main-hero p			{width:400px; max-width: 100%; position: relative; z-index: 1; color:#ffffff; font-size: 23px; line-height: 1.3em;}
.main-hero p em			{font-weight: 300; color:#ffffff; font-size: 23px;}
.main-hero .big-letter	{font-size: 245px; font-weight: 600; color:#97D742; opacity: 0.5; position: absolute; right:0; top:-130px; z-index: 0}
.main-hero-text			{width:500px; max-width: 100%; position: relative}

.main-hero.deep			{min-height: 530px;}

.home-hero .inner		{min-height: 388px;}

.main-hero:before		{position: absolute; width:100%; height: 100%; content: ''; background: rgb(29,29,27); background: linear-gradient(0deg, rgba(29,29,27,0.8) 0%, rgba(29,29,27,0.7) 20%, rgba(29,29,27,0.3) 65%, rgba(29,29,27,0) 100%); mix-blend-mode: multiply}

/* CONTENT HERO - TEXT TOP */
.main-hero-text-top h1					{font-size: 27px}
.main-hero-text-top .main-hero-text		{width:100%;}
.main-hero-text-top .inner				{align-items: flex-start; padding-top: 60px;}

/* CONTENT HERO - NO BIG LETTER */
.main-hero.main-hero-no-letter	.main-hero-text		{width: 750px; max-width: 100%;}

/* NEWS HERO */
.news-hero	{margin-bottom: 60px;}

/* GRAPH */
.graph-section		{text-align: center;}
.graph-image		{width:100%; max-width: 100%; margin: 20px auto 0}
.graph-section p	{width:600px; max-width: 100%; margin-left: auto; margin-right: auto;}


.graph-section.wide p { width: 1200px; }

.graph-section .inner { width: 1102px; }

.legend				{}
.legend ul			{display: flex; justify-content: center; flex-wrap: wrap}
.legend ul li		{margin: 0 8px; display: inline-flex; align-items: center; padding: 10px 0}
.legend ul li p		{width:auto; font-size: 12px; font-weight: 700; margin-bottom: 0}
.legend ul li span	{width:8px; height: 8px; background-color: red; display: block; margin-right: 5px;}

.gtext					{text-align: left;}
.gtext p				{width:auto; margin: 0;}
.gtext .row				{display: flex; margin: 15px 0}
.gtext .col				{border-right:2px solid #008E17; padding: 0 30px; flex: 1; flex-shrink: 0}
.gtext .col:last-child	{border:none; padding-right: 0}
.gtext .col:first-child	{padding-left: 0}
.gtext .col p			{font-size: 12px; line-height: 1.4em;}

.footnote p				{font-size: 12px;}

/* TEXT SECTION BG IMAGE RIGHT */
.text-section-bg-image-right	{background-position: right center; background-size: contain;}
.text-section-bg-image-right p	{width:650px; max-width: 100%;}

.expanded	{display: none}

/* TEXT PAGE TEXT SECTION */
.text-section img	{margin: 30px 0}

/* TEXT IMAGE CENTRED */
.text-image-centred					{text-align: center; padding-bottom: 90px; background-size: cover;}
.text-image-centred .section-image	{padding: 60px 0 0 0;}
.text-image-centred p				{width:600px; max-width: 100%; margin-left: auto; margin-right: auto;}

/* TEXT IMAGE LEFT */
.text-image-left	{}
.text-image-left p	{width:630px; max-width: 100%;}

/* ICON PANEL LISTING */
.cols					{display: flex; flex-wrap: wrap; width:calc(100% + 16px); margin-left: -8px;}
.col-3					{width:33.333%; padding: 8px;}
.icon-panel-listing		{width:1063px; max-width: 100%; margin: auto; padding:40px 0 0 0}
.icon-panel				{background-color: #EFEFEF; border-radius: 9px; display: flex; padding: 25px; align-items: center; position: relative; overflow: hidden; height: 100%; box-shadow: 0 5px 5px rgba(0,142,23,0); transition: 0.3s ease-out}
.icon-panel .icon		{width: 111px; flex-shrink: 0; margin-right: 15px}

.no-fill	{fill: none !important}

.icon-panel h3			{font-size: 19px; color:#008E17; font-weight: 600; margin-bottom: 0.5em; line-height: 1.5em}
.icon-panel h3 span		{border-bottom: 1px solid #008E17; display: inline}
.icon-panel p			{margin-bottom: 0; font-size: 15px;}
.icon-panel:before		{display: none; background-image: url(/_assets/green-glow.png); background-size: contain; background-repeat: no-repeat; content: ''; width: 240px; height: 240px; position: absolute; left: 0; mix-blend-mode: screen; transition: 0.5s ease-out}
.icon,
.icon-panel-text		{position: relative; z-index: 5}

.icon-panel:hover			{box-shadow: 0 5px 5px rgba(20,51,29,0.5);}
.icon-panel:hover:before	{transform: scale(1.5)}

.icon-panel.blue h3			{color:#14A0C0 !important}
.icon-panel.blue h3	span	{border-color:#14A0C0 !important}
.icon-panel.blue:before		{background-image: url(/_assets/blue-glow.png) !important;}
.icon-panel.blue .icon path	{fill:#14A0C0 !important;}

.panel-listing-one .cols		{margin:0; width:100%; justify-content: center;}
.panel-listing-one .cols .col-3	{width:354px; max-width: 100%;}

/* ICON PANEL LISTING TICKS */
.panel-listing-tick				{text-align: center}
.panel-listing-tick .cols		{justify-content: center;}
.panel-listing-tick .icon		{width:80px;}
.panel-listing-tick .icon-panel	{box-shadow: none; text-align: left;}
.panel-listing-tick p			{width:600px; max-width: 100%; margin-left: auto; margin-right: auto;}
.panel-listing-tick .icon-panel h3	{margin-bottom: 0; font-size: 22px;}

/* GLOBAL COVERAGE */
.global-coverage					{background-size: cover; height: 590px; margin-top: 50px; margin-bottom: 60px;}
.global-coverage .inner				{display: flex; justify-content: center; align-items: center; height: 100%; padding-left: 0; padding-right: 0;}
.global-coverage .text-container	{width:460px; height: 454px; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; background-size: cover; background-position: center;}
.global-coverage .text-container h2	{margin-bottom: 0.3em;}
.global-coverage .text-container p	{text-transform: uppercase; font-size: 15px; width: 262px; letter-spacing: 1px}

/* PARTNERS */
.partners			{text-align: center; padding: 30px 0 0 0; position: relative;}
.partners p			{width:600px; max-width: 100%; margin-left: auto; margin-right: auto;}
.partners			{z-index: 1; display: block}
.partners:before	{position: absolute; left: 0; top:0; display: block; height: 100%; width: 100%; z-index: 0; background: rgb(19,38,31); background: linear-gradient(180deg, rgba(19,38,31,1) 0%, rgba(19,38,31,1) 20%, rgba(37,48,43,0.55) 40%, rgba(54,56,55,0.14) 75%, rgba(60,60,59,0) 100%); content: '';}
.partners .inner	{position: relative; z-index: 5}

.client-marquee-inner	{margin: 0 0 0; position: relative; z-index: 10}
.marquee-slide			{height: 200px; padding:5px 20px;}
.marquee-slide img		{height: 100%; width: auto;}

.grey-section			{background-color:#EFEFEF !important; padding: 60px 0}

/* PARTNER LISTING */
.partner-listing	{display: flex; flex-wrap: wrap; list-style: none; justify-content: center; align-items: center; margin: 30px 0 0 0;}
.partner-listing li	{margin: 20px 30px; width: 135px;}
.partner-listing li img	{max-height: 70px;}

/* KEY BENEFITS */
.key-benefits			{text-align: center;}
.key-benefits .cols		{justify-content: center; width:100%; margin-left: 0}
.key-benefits .col-3	{width:269px; max-width: 100%;}
.kb-panel				{background-color:#EFEFEF; border-radius: 12px; padding:25px 20px; height: 100%;}
.kb-panel .icon			{height: 90px; margin-bottom: 25px;}
.kb-panel .icon img		{height: 100%; width: auto;}
.kb-panel p				{margin-bottom: 0; font-weight: 400}

/* NEWS LISTING */
.news-listing									{padding: 0}
.news-listing .inner							{width:1180px;}
.search-actions-container						{display: flex; justify-content: space-between; margin-bottom: 40px;}
.search-actions-container .select-css			{width:200px; flex-shrink: 0}
.search-actions-container .btn					{background-color: #008E17; margin-top: 0; margin-right: 7px; margin-left: 30px;}
.search-actions-container input[type="text"]	{}	

.news-item a,
.event-panel a 						{text-decoration: none; display: block}
.event-panel						{background-color:#efefef; border-radius: 0 0 15px 15px; position: relative;}
.event-panel-text					{padding: 35px 40px}
.event-panel-text h3				{font-size: 20px; font-weight: 600; text-transform: uppercase; color:#008E17; line-height: 1.3em;}
.event-panel-text .tag				{font-size: 12px; font-weight: 600; padding: 6px 15px; background-color: #97D742; display: inline-block; letter-spacing: 1px; color: #008E17; margin: 15px 0; text-transform: uppercase}
.read-more,
.event-panel-text p a				{color:#008E17; font-weight: 600}
.event-panel-image-container		{height: 250px; overflow: hidden; position: relative;}
.event-panel-image					{background-size: cover; position: absolute; left: 0; top:0; width:100%; height: 100%;}
.event-panel-image:after			{position: absolute; left: 0; top:0; z-index: 5; height: 100%; width: 100%; content: ''; background: rgb(0,142,23); background: linear-gradient(180deg, rgba(0,142,23,0) 0%, rgba(0,142,23,1) 100%); opacity: 0.5; display: none}

.event-panel.news-panel				{border-radius: 15px}
.event-panel.news-panel .tag		{color:#ffffff; background-color: #008E17}
.event-panel.news-panel h3			{margin-bottom: 0.5em}
/*
.event-panel.news-panel				{box-shadow: 0 5px 5px rgba(0,142,23,0); transition: 0.3s ease-out}
.event-panel.news-panel:hover		{box-shadow: 0 5px 5px rgba(0,142,23,0.5);}
*/
	

.grid		{display: flex; justify-content: center}
.grid-item	{width:360px; margin-bottom: 30px;}

/* TWO COL */
.two-col .inner					{width:1000px; text-align: center}
.two-col .cols					{width:100%; margin: auto; display: flex; justify-content: space-between; align-items: center}
.two-col .col					{width: calc(50% - 40px); text-align: left; flex-shrink: 0}
.two-col .col ul li				{margin-bottom: 10px;}
.two-col .col img.graph-image	{margin-top: 0}

/* CONTACT PAGE */
.contact-section			{padding-bottom: 20vw;; background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto;}
.contact-left				{flex: 1; padding-right: 30px;}
.contact-right				{width:350px; flex-shrink: 0;}
.contact-left .contact-form	{width:100%; text-align: left;}
.contact-section .cols		{justify-content: space-between;}

.contact-right-inner		{min-height: 330px; width:100%; background-color:#efefef; border-radius: 6px; padding: 40px; display: inline-flex; justify-content: center; flex-direction: column;}
.contact-cell				{display: flex; align-items: flex-start;}
.contact-cell img			{width:27px; height: auto; flex-shrink: 0; margin-right: 20px; margin-top: 4px;}
.contact-cell p				{font-size: 16px;}
.contact-cell p strong		{display: block; color:#008E17}
.contact-cell p a			{text-decoration: none}

/* BOTTOM CONTACT FORM */
.contact-form-section			{background-size: 100% auto; background-position: bottom; padding-bottom: 20vw; padding-top: 80px; position: relative;}
.contact-form-section:before	{display: none; background: #17181C; background: linear-gradient(180deg, rgba(23,24,28,1) 0%, rgba(23,24,28,0) 100%);}
.contact-form-section:before	{position: absolute; left: 0; top:0; height: 200px; width: 100%; content:''; z-index: 1}
.contact-form-section .inner	{position: relative; z-index: 5}

.contact-form								{width:360px; max-width: 100%; margin: auto; text-align: center;}
.contact-form .form-cell					{margin-bottom: 15px;}
.contact-form .form-cell.custom-cb			{margin: 20px 0}
.contact-form .form-cell.custom-cb label	{font-size: 12px; color:#1D1D1B; justify-content: center;}
.contact-form input[type="submit"]			{font-size: 17px; padding-top: 20px; padding-bottom: 20px; background-color: #008E17}

input[type="text"]								{background-color:#efefef; border:1px solid #efefef; border-radius: 5px; width: 100%; padding: 15px 20px; color:#575756}
input[type="text"]:focus						{box-shadow: inset 0 0 20px rgba(0,0,0,0.2); border-color:#cccccc}
input[type="text"]::-webkit-input-placeholder   {color:#575756;}
input[type="text"]::-moz-placeholder            {color:#575756; opacity:1;}
input[type="text"]:-ms-input-placeholder        {color:#575756;}
input[type="text"]:-moz-placeholder             {color:#575756; opacity:1;}

textarea::-webkit-input-placeholder   {color:#575756;}
textarea::-moz-placeholder            {color:#575756; opacity:1;}
textarea:-ms-input-placeholder        {color:#575756;}
textarea:-moz-placeholder             {color:#575756; opacity:1;}

textarea	{background-color:#efefef; border:1px solid #efefef; border-radius: 5px; width: 100%; padding: 15px 20px; color:#575756; height: 200px;}

/******* 2024 ********/
.popup-background { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.60); z-index: 999; /*display: none; opacity: 1;*/ transition: opacity 2.2s; }
.popup-content { position: fixed; background-color: #EAEAEA; width: 624px; padding: 25px 35px 30px 35px; border-radius: 20px; max-width: calc(100% - 40px); top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0; z-index: 100; }
.scroll-content { max-height: 100%; overflow-y: auto; }

.btn-close-popup { width: 27px; height: 27px; background-image: url("/_assets/icon-close.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; background-color: transparent; cursor: pointer; }

.popup-background.active { display: block; opacity: 1; }

div.form-errors { margin: 20px 0; background-color: rgba(255, 192, 192, 1); padding: 14px;  }
div.form-errors > :last-child { margin-bottom: 0!important; }

.error-text { color: #000000 !important; font-weight: 500; margin-bottom: 0.25em !important; }
	
.scroll-content::-webkit-scrollbar		 { width: 20px; }
.scroll-content::-webkit-scrollbar-track { background: #ccc; border-left: 9px solid #f0f0f0; border-right: 9px solid #f0f0f0; /* BORDER LEFT AND RIGHT NEED TO MATCH THE PARENT BG COLOUR */}
.scroll-content::-webkit-scrollbar-thumb { background: #ccc; border-left: 5px solid #f0f0f0; border-right: 6px solid #f0f0f0; }	

.popup-content			{transition:0.5s ease-out;}	
.popup-content.animated	{}	
	
.close		{position:absolute; right:30px; top:30px; z-index: 110}	
.click-out	{position:fixed; width: 100%; height: 100%; top:0; left:0;}	

.contact-popup .contact-form		{margin: 0; width: 100%;}

.contact-popup h2 span				{color:#242527; border-bottom: 2.5px solid #008E17 !important;}
.contact-popup textarea,
.contact-popup input[type="text"]	{background-color: #ffffff !important; border: none; color: #242527 !important; padding: 0 20px; height: 48px; font-size: 16px; font-weight: 300; box-shadow: none !important}
.contact-popup textarea				{padding-top: 15px; height: 200px;}

.contact-popup input[type="text"]::-webkit-input-placeholder     {color:#575756 !important;}
.contact-popup input[type="text"]::-moz-placeholder              {color:#575756 !important; opacity:1;}
.contact-popup input[type="text"]:-ms-input-placeholder          {color:#575756 !important;}
.contact-popup input[type="text"]:-moz-placeholder               {color:#575756 !important; opacity:1;}


/* CUSTOM CHECKBOX */
.container 									{display: block; position: relative; margin-bottom: 12px; cursor: pointer; font-size: 18px; padding-top: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input 							{position: absolute; opacity: 0; cursor: pointer;}
.checkmark 									{height: 19px; width: 19px; background-color: #efefef; border-radius: 0; border:1px solid #efefef; flex-shrink: 0}
.container:hover input ~ .checkmark 		{background-color: #ccc;}
.container input:checked ~ .checkmark 		{background-color: #242527; border-color:#97D742}
.checkmark:after 							{content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after 				{left: 6px; top: 3px; width: 3px; height: 8px; border: solid #97D742; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.form-cell.custom-cb label					{display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; width:100%; line-height: 1.3em; margin-bottom: 0;}
.form-cell.custom-cb .checkmark				{position: relative; left: auto; top:auto; margin-right: 15px;}
.form-cell.custom-cb:focus-within label		{font-weight: normal}

.form-cell.custom-radio .checkmark			{border-radius: 25px;}
.form-cell.custom-radio .checkmark:after	{width:13px; height: 13px; border-radius: 13px; border:none; background-color: #ffffff; left: 5px; top:5px;}

input[type="submit"].btn			{min-width: 155px; border:none; color:#ffffff}
input[type="submit"].btn:hover		{background-color: #97D742}



/* CUSTOM SELECT */
.select-css 			{display: block; color:#ffffff; font-size: 17px; line-height: 1.3; padding: .6em 1.4em .5em 25px; width: 100%;  max-width: 100%; box-sizing: border-box; margin: 0; border-radius: 11px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #008E17; background-image: url(/_assets/select-dd.png); background-repeat: no-repeat, repeat; background-position: right 1em top 50%, 0 0; background-size: 11px auto;}
.select-css::-ms-expand {display: none;}
.select-css:hover 		{/*border-color: #888;*/}
.select-css:focus 		{border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; /*color: #222; */ outline: none;}
.select-css option 		{font-weight:normal;}

/* HOME/DARK */
body.dark						{background-color: #17181C}
body.dark p,
body.dark section h2,
body.dark .icon-panel p				{color:#ffffff}
body.dark section h2 span			{border-color:#97D742}

/* DARK PAGE ICON */
body.dark .icon-panel				{background-color: #13261F}
body.dark .icon-panel h3			{color:#97D742;}
body.dark .icon-panel h3 span		{border-color:#97D742;}
body.dark .icon-panel:before		{display: block}


/*
body.dark .icon-panel .icon			{background-image: url(/_assets/circle-border.png);}
body.dark .icon-panel .icon path	{fill: #97D742}
*/

/* DARK PAGE CONTACT */
body.dark .contact-form-section								{padding-bottom: 30vw; padding-top: 20px;}
body.dark .contact-form-section:before						{display: block}
body.dark input[type="text"]								{background-color:#242527; color:#ffffff; border-color:#97D742}
body.dark input[type="text"]::-webkit-input-placeholder     {color:#ffffff;}
body.dark input[type="text"]::-moz-placeholder              {color:#ffffff; opacity:1;}
body.dark input[type="text"]:-ms-input-placeholder          {color:#ffffff;}
body.dark input[type="text"]:-moz-placeholder               {color:#ffffff; opacity:1;}
body.dark input[type="text"]:focus							{box-shadow: inset 0 0 20px rgba(0,0,0,0.5);}
body.dark input[type="submit"].btn							{background-color: #14A0C0}
body.dark input[type="submit"].btn:hover					{background-color: #97D742}
body.dark .contact-form .form-cell.custom-cb label			{color:#97D742}
body.dark .form-cell.custom-cb .checkmark					{background-color:#ffffff}
body.dark .container input:checked ~ .checkmark 			{background-color: #242527; border-color:#97D742}

input[type=text].error,
textarea.error { border-color: #cc0000 !important; box-shadow: inset 0 0 2px 0 #cc0000 !important; }


.thanks-panel p { color: #ffffff!important; }
.white-panel .thanks-panel p { color: #000000 !important; }

.contact-form-section .thanks-panel p { color: #1D1D1B!important; }
#page1 .contact-form-section .thanks-panel p { color: #ffffff!important; }



/* FOOTER */
footer				{background-color: #242527; padding: 20px 0}
footer p			{font-size: 12px; line-height: 1.4em; color:#ffffff}
footer .logo		{width:85px; display: block; margin-bottom: 20px;}
footer .logo img	{width:100%;}
.footer-col			{width:200px; margin-bottom: 30px;}

.footer-col-contact				{padding-top: 20px; margin-left: 80px;}
.footer-col-contact h4			{font-size: 12px; text-transform: uppercase; display: inline-block; border-bottom: 1px solid #97D742; padding-bottom: 2px; margin-bottom: 8px; font-weight: 600}
.footer-col-contact h5			{font-size: 12px; font-weight: 600; color:#97D742; margin-bottom: 5px;}
.footer-col-contact p span		{font-weight: 600; color:#97D742;}
.footer-col-contact p a			{text-decoration: none}
.footer-col-contact p a:hover	{color:#97D742;}

footer .cols	{width: 100%; margin: 0}

/* BUTTON */
header .btn			{font-size: 16px; text-transform: uppercase; font-weight: 600; color:#ffffff; background-color: #14A0C0; text-decoration: none; padding: 14px; min-width: 184px; text-align: center; border-radius: 12px; margin-top: 0; border:none}
header .btn:hover	{background-color:#97D742}

.btn		{margin-top: 20px; border:1px solid #008E17; border-radius: 12px; text-decoration: none; display: inline-block; background-color: #ffffff; color:#007E54; font-size: 17px; padding: 20px; transition: 0.2s ease-out; cursor: pointer}
.btn:hover	{background-color: #008E17; color:#ffffff}


.btn.btn-green	{font-size: 17px; padding-top: 20px; padding-bottom: 20px; background-color: #008E17; color: #fff; border: 0px; }
.btn.btn-green:hover {background-color: #97D742;}


/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }


#pnlContactForm {height: 0px;}

.toggle-contact {cursor: pointer;}


