/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/jost-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/jost-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/jost-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/jost-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/jost-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/jost-v2-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('/extras/etc/fonts/jost-v2-latin-500.eot'); /* IE9 Compat Modes */g
  src: local(''),
       url('/extras/etc/fonts/jost-v2-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/jost-v2-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/jost-v2-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/jost-v2-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/jost-v2-latin-500.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-600 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('/extras/etc/fonts/jost-v2-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/jost-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/jost-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/jost-v2-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/jost-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/jost-v2-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/extras/etc/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/extras/etc/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/* 
font-family: 'Jost', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

body {
	font-size: 1em;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
}
p,li {line-height:140%;}


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

.header {
	position:fixed;
	background-color:#fff;
	width:100%;
	z-index: 10;
	transition: all 1s ease;
}
.banner {
	width:1200px;
	margin:auto;
}
.main {padding-top:178px;}

/** offset for targets to allow for header **/
:target::before {
  content: "";
  display: block;
  height: 152px; /* fixed header height*/
  margin: -152px 0 0; /* negative fixed header height */
}

.logo	{
	max-width:255px;
	float:left;
	margin:20px 0;
	transition: margin 1s ease;
}
.topRight {
	width:calc(100% - 255px);
	float:right;
	padding: 20px 0;
	text-align:right;
	transition: all 1s ease;
	font-size:1.125em;
	font-weight:500;
}

.email img {display:none;}

.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight img {vertical-align:middle}
.topRight a {text-decoration:none;cursor:default;color:#099d46;font-weight:600;}
.topRight a:hover {color:#0db352;}

.contact {display:inline-block;margin-right: 24px;}
.certification {display:inline-block;}

.shrink .logo {margin-top:6px;margin-bottom:5px;}
.shrink .logo img {max-width:70%;}
.shrink .topRight {padding-top:10px;}
.shrink .certification {display:none;}


	
/**************** nav - topnav *************************/
.topnav {background-color:#f1f6f4;}
.topmenu{
	width:1200px;
	margin:auto;
	background-color: transparent;
	height:43px;
}
html .mlddm {display:flex;justify-content:space-between;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 10px;
		line-height: 40px;
		color: #2a2628;
		font-size: 0.938rem;
		border-top:3px solid #f1f6f4;
}
.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	{border-top:3px solid #0ba64b;}


/* drop down list */
	.mlddm ul {background-color: #f1f6f4;margin-top:0!important;}
	.mlddm ul li a {	
		padding: 0 40px 0 6px;
		line-height:25px;
		margin:8px 16px;
		border:none;
		text-align:left;
		height:auto;
		background-color: #f1f6f4;	
		color:#2a2628; 
		font-size:0.875rem;
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #2a2628;background-color:#f1f6f4;border-top:none;border-left:3px solid #0ba64b;}

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

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 6px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 6px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #000000;}
.slicknav_nav > li 						{background-color:#ffffff;color:#000000;border-bottom:1px solid #000000;}
.slicknav_nav a 							{color:#000000;}
.slicknav_nav a:hover					{background-color:#dedede;color:#222222;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#dedede;color:#222222;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#099d46;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#333333;}

.slicknav_nav ul li 						{background-color:#dedede;border-bottom:1px solid #333333;}
.slicknav_nav ul li a 					{color:#333333;}	
.slicknav_nav ul li a 					{padding: 6px 20px 6px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 6px 20px 6px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:#f0f0f0;}
.slicknav_nav ul li ul li a 				{color:#333333;}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}

/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#dedede;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 6px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #000000;}	
	
	
/**************** footer *****************************/

.footer			{background-color:#f1f6f4;color:#2a2628;}
.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:#2a2628;text-decoration:none;}

.footerInfo .company {display:flex;justify-content:space-between;}

.footerInfo .three-Col1 {width:25%;}
.footerInfo .three-Col2 {width:40%;}
.footerInfo .three-Col3 {width:25%;float: right;}

.footerInfo .phone {font-size:0.875rem;font-weight:700;}
.footerInfo .phone a {font-weight:400;}

.socialMedia {padding-top:10px;}
.socialMedia img:hover {position: relative;top: -2px;}

.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #2a2628;line-height:140%;}
.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:#2a2628;}
.footerBase a:hover	{color:#099d46;}

/****************** slideshow *******************************/


.slideshow {
    max-width:1920px;
    margin:auto;
}

.slide {position:relative;}
.slideText {position:absolute;}

.slideText p:first-child {
   color:#fff;
   font-weight:600;
   font-family: 'Jost', sans-serif;
   line-height:120%;
   margin-bottom:10px;
   }
   
.slideText p:not(:first-child) {color:#fff;line-height:160%;}
.slideText a {
	display:inline-block;
	padding:10px 70px;
	background-color: transparent;
	border:2px solid #fff;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:500;
	font-family: 'Jost', sans-serif;

}
.slideText a:hover {background-color:#fff;color:#0ba64b;}

@media (min-width:1233px){
   .slide.slick-slide {height:635px;}
   .slideText {bottom:80px;left:calc(50% - 600px);width:750px;}
}
@media (max-width:1232px){
   .slide.slick-slide {height:635px;}
   .slideText {bottom:80px;left:16px;width:750px;}
}
@media (min-width:769px){
   .slideText p:first-child {font-size:5em;}
   .slideText p:not(:first-child) {font-size:1.313em;}
   .slideText a {font-size:1.125em;}
}
@media (min-width:769px) and (max-width:1024px){
   .slide.slick-slide {height:535px;background-position:20% 0;}
   .slideText {bottom:80px;left:16px;width:750px;}
}
@media (min-width:701px) and (max-width:768px){
   .slide.slick-slide {height:535px;background-position:30% 0;}
   .slideText {bottom:80px;left:16px;width:600px;}
   .slideText p:first-child {font-size:4em;}
   .slideText p:not(:first-child) {font-size:1.313em;}
   .slideText a {font-size:1.125em;}
}
@media (min-width:569px) and (max-width:700px){
   .slide.slick-slide {height:500px;background-position:40% 0;}
   .slideText {bottom:80px;left:16px;width:calc(100% - 32px);}
   .slideText p:first-child {font-size:3.125em;}
   .slideText p:not(:first-child) {font-size:1.313em;}
   .slideText a {font-size:1.125em;}
}
@media (min-width:375px) and (max-width:568px){
   .slide.slick-slide {height:400px;background-position:40% 10%;}
   .slideText {bottom:30px;left:16px;width:calc(100% - 32px);}
   .slideText p:first-child {font-size:2.250em;}
   .slideText p:not(:first-child) {font-size:1.125em;}
   .slideText a {font-size:1em;}
}
@media (max-width:374px){
   .slide.slick-slide {height:300px;background-position:40% 40%;}
   .slideText {bottom:20px;left:16px;width:calc(100% - 32px);}
   .slideText p:first-child {font-size:1.5em;}
   .slideText p:not(:first-child) {font-size:0.875em;}
   .slideText a {font-size:0.688em;}   
}





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

/* layout */

.middleHome	{padding:28px 0;width:1200px;margin:auto;}
.middle		{padding: 0 0 0 0; width:1200px;margin:auto;}

.colourRow	{background: #f1f6f4;}
.colourRow.borderBot {border-bottom:3px solid #0ba64b;padding-top:18px;}
.center {text-align:center;}
.narrow {max-width:1000px;margin:auto;}
.middleHome.noBotPad {padding-bottom:0;}

/************** crumbtrail *************************/

.crumb		{padding: 16px 0 16px 3px;font-size:0.750em;color:#fff;}
.crumb a    {color:#fff;font-size:1em;}
.crumb a:hover {color:#999;}

.crumb h1 {margin-bottom:0}

.pageTop {position:relative;}
.pageTop img {display:block;}
.crumb {position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.7 );width:100%;}
span.crumbTrail {display:block;padding-bottom:16px;}



/* general */
a 			{color: #01903c;font-size:1em;}
a:hover	{color: #0db352;}
a img		{border:0;}



h1 {font-size: 2.500rem;color:#ffffff;font-weight:500;margin-top:0;font-family: 'Jost', sans-serif;text-transform:uppercase;}
h2 {font-size: 1.500em;color:#2a2628;font-weight:400;font-family: 'Jost', sans-serif;}
h3 {font-size: 1.875em;color:#2a2628;font-weight:500;font-family: 'Jost', sans-serif;}
h4 {font-size: 1.125em;color:#2a2628;font-weight:400;font-family: 'Jost', sans-serif;}
h5 {font-size: 1.125em;color:#2a2628;font-weight:600;margin-top:0;font-family: 'Jost', sans-serif;}

.middleHome h1 {font-size: 3.000rem;color:#2a2628;}
.middleHome h2 {font-size: 2.250em;font-weight:500;text-transform:uppercase;}
.middleHome h3 {font-weight:400;}
.middleHome h4 {font-size: 1.313em;font-weight:400;font-family: 'Open Sans', sans-serif;}

.colourRow .middleHome h2 {margin-top:0;}
.middleHome.noBotPad h2 {margin-bottom:16px;}

.introText {font-size:1.125rem;}

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

.linkButton,
.wobjectDataForm input[type=submit]{
	display:inline-block;
	padding:5px 82px;
	background-color: #0ba64b;
	border:1px solid #0ba64b;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:500;
	font-family: 'Jost', sans-serif;
}
.linkButton:hover,
.wobjectDataForm input[type=submit]:hover {background-color: transparent;color:#0ba64b;}

.contactCol {background-color:#f1f6f4;padding: 0 8px;}

.dataForm.headOverField dd {
    padding: 0 0 .625em 0;
    margin-left: 0;
}
.dataForm.headOverField dt {font-size:0.875rem;}
.dataForm.headOverField  {width:100%;}

.rightColPages div:nth-child(2) {padding-left:16px;padding-right:16px;}

/* page class */

.paddingTop {padding-top:38px;}

/**************** flex2 ***************************/

.flex2 {display: flex;flex-wrap: wrap;}


@media (min-width:623px) {
	.flex2 .wobject {width: 47%;margin-bottom: 12px;}
	.flex2 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex2 {padding-bottom: 0;}
}

@media (max-width:622px) {
	.flex2 .wobject {width: 100%;margin-bottom: 12px;}
	.middleHome.flex2 {padding-bottom: 0;text-align: center;display: flex;}
}

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

@media (max-width:660px){.highlightBox {width:100%;}}
@media (max-width:560px) {.highlightBox h2 span {display:block;}.supportRow {padding-top:35px;padding-bottom:30px;background-size:cover;}}

.highlightBox {border-top:3px solid #f1f6f4;padding-top:6px;}
.highlightBox h3 {margin-top:0;text-align:center;margin-bottom: 20px;}

.greenLine {border-top:3px solid #0ba64b;max-width:250px;margin:auto;}

.imageContainer {position: relative;}
.hbHead {
	position: absolute;
	bottom: 30px;
	right: 20px;
	z-index: 5;
}

.hbHead .linkButton {color:#2a2628;background-color:#ffffff;border:1px solid #ffffff;font-size:0.938em;padding: 5px 32px;}
.hbHead .linkButton:hover {background-color:transparent;color:#ffffff;}

.imageContainer:hover img {
    transform: scale(1.05);
}
.imageContainer img {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
	margin-bottom:6px;
}



/******************  Projects *********************/

.searchLink {float:none;width:100%;}


/**  Projects list and blog feed **/

.latestPost {
 display: flex;
 flex-wrap: wrap;
}
.submissionList {
 display:flex;
 flex-wrap:wrap;
}
.submissionInList {
 position:relative;
 width:33%;
 border:none;
 margin-bottom: 0;
 padding-top: 4px;
 padding-bottom:0;
}
@media (min-width:812px) {
 .submissionInList:not(:nth-child(3n)) {
  margin-right:0.5%;
 }
}
.submissionInList .projectText {
 position:absolute;
 top:calc(90% - 152px);
 margin:0 0 0 16px;
 text-align:left;
 z-index: 9;
 transition: all 0.5s ease;
}
.projectText p a {
 font-size:1.00rem;
}
.projectText .arrowRight p a {
 font-size:0.875rem;
}
.submissionInList .projectText  a {
 text-decoration:none;
 color:#fff;
}
.submissionInList:hover > .projectText {
 visibility: hidden;
}
.submissionInList img {
 filter: brightness(70%);
 transition: all 1s ease;
 display:block;
}
.submissionInList:hover img {
 filter: brightness(100%);
}

/* filter */

.catalogueFilterBox h3 {border-bottom:1px solid #ccc;font-size:1.5em;padding-bottom:6px;cursor:pointer;}
#catalogueFilterSubs {max-height:0;overflow: hidden;transition: max-height 0.2s ease-out;margin-bottom:16px;}

@media (min-width:640px){
   #catalogueFilterSubs {display:flex;justify-content:space-between}
}
@media (min-width:1024px){
   #catalogueFilterSubs div {width:25%}
}
#catalogueFilterSubs h4 {margin-top:0;padding-bottom:4px;margin-bottom:12px;border-bottom:1px solid #ccc;}
#catalogueFilterSubs ul {padding:0;list-style-type:none;}
#catalogueFilterSubs li {padding:5px 0;}
#catalogueFilterSubs a {font-size:0.875em;color:#2a2628;}
#catalogueFilterSubs span {font-size:0.875em;color:#2a2628;}
#catalogueFilterSubs a:hover {color:#2a2628;}
#catalogueFilterSubs .remove {color:#0ba64b;padding-left:10px;}

.blogFilterSelected:before {content:"Applied: ";font-weight:500;font-family: 'Jost', sans-serif;padding-right:20px;}
.blogFilterSelected {padding:0;list-style-type:none;}
.blogFilterSelected li {display:inline-block;font-size:0.813em;margin-right:12px;color:#fff;margin-bottom:10px;}
.blogFilterSelected li:not(:last-child) {padding:5px 7px 6px;background:#0ba64b;}
.blogFilterSelected li:not(:last-child) a {text-decoration:none;color:#fff;}
.blogFilterSelected span {padding-left:12px;}
.blogFilterSelected li:last-child {display:none;}

/*** project details ***/

.projectDetail {margin:40px 0;}

.projectDetail:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media (min-width:839px){
   .projectDetail > div:nth-of-type(1) {width:65%;float:left;}
   .projectDetail > div:nth-of-type(2) {width:30%;float:right;}
   .projectDetail h2 {margin-top:0;}
}

.projectDetail h4 {margin:0;font-weight:500;}
.projectDetail p {font-size:0.875em;}

.projectDetail .slick-prev:before {content: url('previous.png');}
.projectDetail .slick-next:before {content: url('next.png');}
.projectDetail .slick-prev {left: 10px;}
.projectDetail .slick-next {right: 10px;}






/******************* Group *********************/

.group .linkButton {background-color:transparent;color:#2a2628;padding: 5px 41px;}
.group .linkButton:hover {background-color:#0ba64b;color:#ffffff;}
.group h2 {margin-top:0;}
.group .borderTop {border-top:3px solid #0ba64b;padding-top:0;margin-top: 40px;}

.group .leftAlignImageArticle {margin-bottom:30px;padding-top:20px;border-top:1px solid #cccccc;}
.group .articleImageLeft {max-width: 100%;}

/************* content pages ************/

.rightColPages {display:flex;justify-content:space-between;}
.rightColPages > div:first-child {width:63%;}
.rightColPages > div:last-child {width:33%;background:#f1f6f4;}


.wobjectDataForm input[type="text"],
.wobjectDataForm textarea {
	width:100%;
	border:1px solid #c6c6ca;
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	margin-bottom:16px;
	padding:10px;
}
.wobjectDataForm .verifySubmit div {display:table-cell;vertical-align:top;}
.wobjectDataForm .verifySubmit div:first-child {padding-right:20px;}
.wobjectDataForm .verifySubmit div:last-child {padding:0 20px;}
.wobjectDataForm .linkButton,
.wobjectDataForm input[type=submit]{
       padding: 7px 30px;
      margin-top:20px;
}

/**************** facilities *****************************/

.facilities {background-color:#f1f6f4;padding:20px;margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}

@media (min-width:640px){
   .facilities > div:nth-of-type(1) {width:50%;}
   .facilities > div:nth-of-type(2) {width:48%;}
}
@media (max-width:639px){
   .facilities > div:nth-of-type(1) {order:2;width:100%;}
   .facilities > div:nth-of-type(2) {order:1;width:100%;}
}
.facilities h2 {margin-top:0;}

.facilitiesCarousel .slick-prev:before {content: url('previous.png');}
.facilitiesCarousel .slick-next:before {content: url('next.png');}
.facilitiesCarousel .slick-prev {left: 10px;}
.facilitiesCarousel .slick-next {right: 10px;}

/**************** Job vacancies *****************************/

.jobList {display:flex;flex-wrap:wrap;margin-top:30px;padding-bottom:30px}
.jobList > div {width:48%;border:1px solid #ccc;margin-right:2%;padding:10px 20px;margin-bottom:30px;}
.jobList > div > div {padding:20px;}

h2.submissionHeading {font-size:3em}
.applyLink {padding-bottom:40px;}



/**************** Job Application Form *****************************/

.emplomentApp, .uploadAck {padding:30px 0}
.emplomentApp h4,
.uploadAck h4 {
	font-size:1.5em;
	margin-top:0;
	margin-bottom:20px
	}

.emplomentApp h2 {background-color:#2a2628;color:#ffffff;padding:3px 10px;margin-bottom:30px;font-size:1.500em;}
.emplomentApp h2:nth-of-type(n+2) {margin-top:25px;}

.emplomentApp input[type='text']{font-family: 'Open Sans', sans-serif;padding:3px;font-size:0.938rem;width:100%;-webkit-appearance:none;border:1px solid #dedede;}
.emplomentApp textarea {width:100%;-webkit-appearance:none;border:1px solid #dedede;}
.emplomentApp select {font-family: 'Open Sans', sans-serif;padding:3px;font-size:0.938rem;}

.conditional {display:none;}
.conditional .indentSelect {padding-bottom:10px;}next


/* personal details */
.emplomentApp td {vertical-align:top;padding-bottom:8px;}



/* entitlement to work */

.twoCol60-40 dt {width:60%;float:left;padding-bottom:6px;}
.twoCol60-40 dd {width:40%;margin-left:60%;padding-bottom:6px;padding-left:6px;word-wrap: break-word;}
#resident-citizen-conditional input[type=text]{width:160px;}

/* General */

label[for=hear-about-position]{font-weight:600;padding-bottom:6px;display:block;}
#hear-about-other-conditional {margin-top:10px;}
#hear-about-agency-conditional {margin-top:10px;}
label[for=additional-comments]{font-weight:600;padding-bottom:6px;display:block;}

.declare{font-size:0.875rem;margin-top:20px;}
.iAgree {text-align:center;}



.submitButton {text-align:center;padding-bottom:20px;}


.errors {margin:0 auto 20px auto;}
.errorHeader {background-color:#ca252c;color:#ffffff;font-size:1.313em;font-weight:600;padding:9px 0 9px 24px;border-top-left-radius:20px;border-top-right-radius:20px;}
.errorHeader img {vertical-align:text-bottom;margin-right:20px;}
.errorMessage {padding:24px;border:1px solid #ca252c;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.errors p {font-size:1.125rem;font-weight:600;color:#ca252c;}
.errors ul {margin-bottom:0;}
.errors ul li {padding-bottom:10px;}
.errors ul li b {font-weight:600;font-size:14px;}

/* captcha */
.captcha {padding-top:30px;width:50%;margin:auto;}
.captcha dt {text-align:right;}

@media (max-width:579px){.captcha{width:70%;}}
@media (max-width:480px){.captcha dt, .captcha dd{text-align:center;}}

/******************* Management Profiles ****************************/


#rowContainer237.columns4 {
	justify-content:space-between;
	column-gap:50px;
}	

@media (min-width:850px) {
	#rowContainer237.columns4 {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width:849px) {
	#rowContainer237.columns4 {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width:480px) and (max-width:767px) {
	#rowContainer237.columns4 {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width:479px) {
	#rowContainer237.columns4 {grid-template-columns: 1fr;}
}

.mgmtImage {position:relative;}

.profilePic {
	filter: brightness(100%);
	transition: all 1s ease;
}
.mgmtLink {
	margin-top:20px;
	display:flex;
	justify-content:space-between;
} 
.mgmtLink div:last-child {
    min-width:34px;
    text-align:right;
}
.mgmtProfile h2 {
	font-size:1.313rem;
	margin-top:0;
	margin-bottom:10px;
}
.mgmtProfile p {
	font-size:0.875rem;
}

@media (min-width:768px) {
	.profileDesc {
		position:absolute;
		top:0;
		left:0;
		color:transparent;
		width:100%;
		height:100%;
		transition: all 1s ease;
		padding:20px;
	}
	.mgmtProfile:hover .profileDesc {color:#fff;}
	.mgmtProfile:hover .profilePic {filter: brightness(30%);}
}

/**************** green box ***************************/

.greenBox {
    background-color:#0BA64B;
    padding:20px 30px 30px;
    color:#fff;
    max-width:900px;
    margin:0 auto 54px;
}
.greenBox .title {
    font-size:1.5rem;
    margin-bottom:14px;
}
.greenBox p a {
    color:#fff;
}
.whiteButton {
    display:inline-block;
    color:#2A2628;
    text-decoration:none;
    background-color:#fff;
    font-size:0.938rem;
    padding:10px 50px;
    margin-top:4px;
}