/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/extras/etc/fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Poppins', sans-serif;
*/

body {
	font-size: 1.063em;
	margin: 0px;
	font-family: 'Poppins', sans-serif;
	color: #737a87;
}
p,li {line-height:140%;}


/**************** header *****************************/

.header {
	position:fixed;
	background-color:#fff;
	width:100%;
	z-index: 10;
	-webkit-box-shadow: 0px 4px 8px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 8px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 8px -3px rgba(0,0,0,0.75);
}
.banner {
	width:1200px;
	margin:auto;
}

.main {padding-top:113px;}

.logo	{
	width:255px;
	float:left;
	margin:10px 0;
	transition: margin 1s ease;
}
.menuCont {
	width:calc(100% - 255px);
	float:right;
	padding:8px 0 0;
	transition: padding 1s ease;
	text-align:right;
}
.topRight {
	text-align:right;
	transition: all 1s ease;
	padding-bottom: 10px;
	font-size: 0.750rem;
	padding-right:15px;
}
.topmenu{
	text-align:right;
	transition: padding 1s ease;
}
.logo img {
	max-width:100%;
	transition: max-width 1s ease;
}
.topRight span {
	position: relative;
	top: -10px;
}

.shrink .logo {margin-top:6px;margin-bottom:5px;}
.shrink .logo img {max-width:70%;}

@media (min-width:900px) {


	.shrink .topRight {font-size:0;margin:0;padding:0;}
	.shrink .topRight a {font-size:0;margin:0;padding:0;border:none;}
	.shrink .topRight img {height:0}
}




:target::before {
  content: "";
  display: block;
  height: 62px; /* fixed header height*/
  margin: -62px 0 0; /* negative fixed header height */
}

/**************** nav - topnav *************************/


html .mlddm {display:flex;justify-content:flex-end;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 10px 20px;
		line-height: 40px;
		color: #535862;
		font-size:1.000rem;
		margin:0 6px
}
.mlddm li a:hover, .mlddm li a#buttonhover,
.mlddm li a.selected, .mlddm li a.selected#buttonnohover,
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{color:#ffffff;background-color:#159748;}


/* drop down list */
	.mlddm ul {background-color:#159748;margin-top: 0 !important;}
	.mlddm ul li a {	
		line-height: 16px;
		padding: 0px 40px 0px 6px;
		text-align: left;
		background-color: #159748;
		color: #ffffff;
		margin: 16px 0 16px 12px;
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #ffffff;background-color:#159748;border-left:2px solid #ffffff;margin-left: 18px;}

/**************** nav - mobile  *************************/

.slicknav_icon-bar:nth-child(1) {width:20px}  
.slicknav_icon-bar:nth-child(3) {width:17px} 

.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a {
	background-color:#159748;
}

/**************** footer *****************************/

.footer			{background-color:#ffffff;color:#737a87;border-top: 5px solid #535862;}
.footerInfo		{width:1200px;margin:auto;padding:20px 0 30px 0;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;}
.footerInfo	a 	{color:#138a43;text-decoration:none;}

.footerInfo .sideBySide-Col1 {display: flex;justify-content: space-between;}
.footerInfo .sideBySide-Col1 span {display: inline-block;}
.footerInfo .sideBySide-Col1 span:first-child {}
.footerInfo .sideBySide-Col1 span:last-child {position: relative;}


.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #737a87;line-height:140%;border-top: 1px solid #adb8cc;}
.footerLeft				{width:66%;float: left;font-size:0.563em;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a 			{font-size: 0.563rem;color:#737a87;text-decoration: none;}
.footerBase a:hover	{color:#325678;}

/**************** Slideshow *****************************/

.slideshow {height:500px;}
.slideMiddle {
	max-width:600px;
	padding-top:clamp(16px, 10vw, 130px);
	position:absolute;
	z-index:8;
	right:50%;
	margin-left:16px;
	}
	
#rowContainer122 {position:relative}	
#rowContainer122 .sideBySide-Col1 {width:48%;}
#rowContainer122 .sideBySide-Col2 {width:52%}

.galleria-image img {left:0 !important}
.galleria-image-nav {display:none;}

@media (max-width:600px){
	.slideMiddle {right:33%}
	.slideshow {height:400px}
}
@media (max-width:340px){
	.slideMiddle {right:10%}

}

/**************** content *****************************/

/* layout */

.middleHome	{padding:28px 0;width:1200px;margin:auto;}
.middle		{padding: 0 0 32px 0; width:1200px;margin:auto;}
.crumb		{padding: 16px 0 16px 3px;font-size:0.813em;color:#999999;}
.crumb a    {color:#999999;font-size:1em;}
.crumb a:hover {color:#325678;}
.colourRow	{background: #f0f0f0;}
.center {text-align:center;}

.home {font-size:1.125rem;}
.narrow {max-width: 640px;}

/* general */
a 			{color: #138a43;font-size:1em;text-decoration:none;}
a:hover	{color: #8fc240;}
a img		{border:0;}

h1 {font-size: 2.125rem;color:#535862;font-weight:700;margin-top:0;}
h2 {font-size: 1.875rem;color:#535862;font-weight:700;}
h3 {font-size: 1.625rem;color:#138a43;font-weight:400;margin-bottom:20px;}
h4 {font-size: 1.250rem;color:#535862;font-weight:700;}
h5 {font-size: 1.000rem;color:#737a87;font-weight:400;margin-top:0;margin-bottom: 16px;}

.home h1 {
	color:#ffffff;
	font-size: clamp(2.11764705882352em, 1.7746em + 1.62vw, 2.8235294117647em);
	line-height:120%;
	margin-bottom:0}
.home h2 {border-left: 5px solid #159748;overflow: hidden;padding-left: 16px;}
.home h3 {font-size:1.125rem;font-weight:700;color:#535862;}
.home h4 {font-size:1.313rem;font-weight:400;color:#138a43;}

.slideMiddle h2 {font-size: clamp(1.41176470588235em, 1.2402em + 0.81vw, 1.76470588235294em);}



@media (max-width:600px){
	.home h1 {font-size:36px}
	.slideMiddle h2 {margin-top:14px;font-size:24px;font-weight:400}
}



.introText {font-size:2.125rem;color:#ffffff;font-weight:700;text-align: right;}



p, ul, li		{margin-top:0;}
.formRequired	{color:#cc0000;font-size:0.625rem;}

.linkButton,
.dataForm .button {
	display:inline-block;
	padding:8px 18px;
	background-color: #ffffff;
	color:#737a87;
	border:2px solid #159748;
	text-decoration: none;
	text-align:center;
	font-size:0.938rem;
	font-weight:400;
	transition: ease 0.3s;
	min-width: 174px;
}
.linkButton:hover,
.dataForm .button:hover {
	background-color: #159748;
	color:#ffffff;
}

.dataForm input[type=text],
.dataForm select {
    padding:8px;
}

/**************** home *****************************/

.highlightBox {text-align:center;padding-top: 24px;}

.highlightBox a img {transition: transform 0.8s ease-in-out;}
.highlightBox a:hover img {transform: scale(1.15);}

.oneLine {display: flex;justify-content: flex-end;}
.oneLine h2 {flex-basis: max-content;margin-right: 22px;}


.arrowRight {
	margin: 40px 0 25px;
	text-align: right;
	border-bottom: 1px solid #159748;
	flex-grow: 1;
	font-size:0.875rem
}

a.arrowRight:after {content: url('home-arrow.png');margin-left: 16px;transition: ease 0.5s;position: relative;top: -2px;}
a:hover.arrowRight:after {margin-left:8px;}

/******* Case Studies Feed **************/



@media (min-width:768px){
	.caseStudyFeed {
		display:flex;
		gap:20px;
		margin-top:30px;
	}
	.caseStudyFeed img {display:none}
}

@media (max-width:767px){
	.caseStudyFeed img {display:block}
	.caseStudyFeed > div:first-child {margin-bottom:30px}
}

.caseStudyFeed > *:first-child {
	flex-basis:66%;
	background-color:#fff;
	border:2px solid #159748;
	padding:20px;
}
.caseStudyFeed > *:last-child {
	flex-basis:33%;
	background-size:cover;
	background-position:center;
}
.csHeading {color:#535862;font-weight:700}

.keepReading {font-size:0.875rem;}
.keepReading:after {
	padding-left:6px;
	content: url('home-arrow.png');
	transition:padding .5s ease;
	}
.keepReading:hover:after {padding-left:20px;}

/********** Contact Form Rework ******************/

.dataForm input[type="text"], .dataForm textarea {
  padding: 10px 6px;
  border-radius: 6px;
  border: 1px solid #bbbcbd;
  -webkit-appearance: none;
}

.dataForm .button {
  display: inline-block;
  padding: 10px 24px;
  background: #04257d;
  border: 2px solid #04257d;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.750rem;
  transition: ease 0.3s;
  min-width: 125px;
}

.dataForm .button:hover {
  background: #ffffff;
  color: #04257d;
}


/** Panels **/

#rowContainer122 .middle {
	padding-bottom: 0;
	margin-right: 0;
	padding-right: 0;
}

#rowContainer122 h2 {color: #91c136;font-weight:500;border-left: 0;padding-left: 0;}

#rowContainer123 {padding-top: 24px;}
#rowContainer123 .middle div {position:relative;}
#rowContainer123 .middle #wobjectId132 {top:8px;}
#rowContainer123 p {color: #ffffff;margin-bottom:0;}

#rowContainer130 {
	background-position: 77vw 100%;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-bottom: 16px;
}
#rowContainer184 {padding-top:25px;}


/****************** Case Studies *****************************/

.caseStudiesSitemap {
	display:flex;
	flex-wrap:wrap;
	column-gap:4%;
	row-gap:40px;
}
.caseStudiesSitemap > div {
	border:1px solid #bbbcbd;
}
@media (min-width:960px){.caseStudiesSitemap > div {width:30%;}}
@media (min-width:600px) and (max-width:959px){.caseStudiesSitemap > div {width:48%;}}

.cssDesc {padding:20px;}

@media (min-width:550px) {
	#rowContainer163 > div {display:flex}
}

/*********** Data Tables Benefits & testing pages ***********************/

.dataTable {
	border-collapse:collapse;
	width:100%;
}

.dataTable td {
	padding:5px;
	border:1px solid #ccc;
}
.dataTable th {
	background-color:#159748;
	color:#fff;
	font-weight:400;
	}

.dataTable td:not(:first-child) {text-align:center}

/*********** Data Table - Product page ***********************/

.calculator {
	display:grid;
}

@media (min-width:1000px){
	.calculator {
		grid-template-columns: 1fr 1fr;
	}
}
.requiredMsg {
	margin-bottom:16px;
	font-weight:700;
}
.inputs .subheading {
	border-bottom:1px solid #ccc;
	display:inline-block;
	font-weight: 500;
}
.inputs {
	border-top:1px solid #ccc;
	padding-top:12px;
}
.inputs td {
	padding:4px;
}
.inputs td:nth-child(2) {
	text-align:right;
	font-size:0.813em;
}
.inputs input[type=text],
.calcs input[type=text] {
	font-family: 'Poppins', sans-serif;
	color: #000;
	padding:4px;
	border:1px solid #ccc;
}
.inputs input[type=text] {
	font-size: 0.813rem;
	width:60px;
}
.inputs input[type=text].empty {
	border:1px solid #cc0000;
}
.missing {color:#cc0000}

.inputs input[type=button] {
	display:inline-block;
	padding:8px 18px;
	background-color: #159748;
	color:#fff;
	border:none;
	border-radius:3px;
	text-decoration: none;
	text-align:center;
	font-size:0.938rem;
	font-weight:400;
	transition: ease 0.3s;
	-webkit-appearance:none;
	margin-top:20px;
}
.inputs input[type=button]:hover {
	background-color: #666;
}


.calcs {
	border-collapse:collapse;
	margin-top:24px;
}
.calcs th {font-weight:500}
.calcs th,
.calcs td {
	padding:5px;
	border:1px solid #ccc;
}
.calcs input:read-only {
	border:none;
	width:100%;
}
.calcs tfoot td {
	border-top: 3px double #bbb;
}
.calcs td:nth-child(2) input,
.calcs td:nth-child(3) input{
	text-align:center
}
.calcs input[type=text] {
	font-size: 0.938rem;
	max-width:180px
}