/* 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-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/extras/etc/fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/extras/etc/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-600.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 */
}
/* 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 */
  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 */
}
/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Jost', sans-serif;
*/

body {
	font-size: 100%;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #2a2628;
}

p,li,dt,dd,a,td,th	{font-size: 1.000em;}
p,li					{line-height:140%;}
p, ul, li         {margin-top:0;}

/**************** header *****************************/
header {z-index:400;}

.banner {width:1200px;margin:auto;text-align: right;}
.banner a {color:#ffffff;text-decoration:none;font-family: 'Jost', sans-serif;font-size:0.750rem;}
.banner a:hover {color:#ffffff;}
.banner .location {display:inline-block;font-family: 'Jost', sans-serif;font-size:0.750rem;}
.banner .location img {position: relative;top: 2px;}
.banner .locLeft {border-right:1px solid #ffffff;padding-right:10px;margin-right:8px;}
.banner .locLeft img {margin-right:6px;}
.banner .locRight img {margin-right:8px;}

@media (max-width:600px) {.locLeft span {display:none;} }
@media (max-width:359px) {.location.locLeft {display:none;} }


.logo {width:240px;float:left;padding:16px 0 16px 8px;}
.logo img {display:block;float:left;transition: all ease 1s;max-height: 125px;}
.logo .cagLogo img {float: right;padding-top: 26px;}

.logo .search {display:none;}
.topRight		{width:calc(100% - 240px);float:right;text-align:right;padding-top:60px;transition:all ease 1s;}
.phone			{font-size:1.500rem;display:inline-block;font-family: 'Jost', sans-serif;}
.topRight .phone {margin-left:50px;}
.phone img		{vertical-align:middle;}
.phone a			{font-size:1em;color: #0ba64b;text-decoration:none;cursor:default;}	
.phone a:hover	{font-size:1em;color: #0ba64b;}	

.certification {display:inline-block;vertical-align:middle;padding-left:30px;}
.topMiniCart {display:none;}

.header h5  {color:#000000;}
.headerLocation {background-color:#2a2628;color: #ffffff;padding: 5px 0;}
.headerLocation .sideBySide-Col2 {text-align:right;}

.search {text-align:left;display:inline-block;}
.search form{
   border:1px solid #efefef;
   padding:5px;
   width:100%;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(194,194,194,1);
   -moz-box-shadow: 0px 0px 10px 0px rgba(194,194,194,1);
   box-shadow: 0px 0px 10px 0px rgba(228,228,228,1);
}
.search input {border:none;}
.search input[type="text"] {
  font-family: 'Open Sans', sans-serif;
  font-size:0.875rem;
}
.search input[type="image"] {
    vertical-align: middle;
    margin-left: 10px;
}

.header {
	position: fixed;
	background-color: #fff;
	width: 100%;
	z-index: 100;
	transition: all 1s ease;
}

.shrink .logo {}
.shrink .logo img {max-height:90px;}
.shrink .headerLocation {display:none;}

.shrink .topRight {padding-top: 40px;}
.shrink .certification {display:none;}

/**************** nav - wide menu *************************/

.topnav {
	background-color:#f1f6f4;
	margin: auto;
	width:1200px;
}
nav {	background-color:#f1f6f4;}
.topmenu{
	background-color: transparent;
	width:1200px;
	margin:auto;
	position:relative;
}
html .topnav .topmenu > ul {display: flex;justify-content:space-between;}
.topnav .topmenu a {text-decoration:none;font-family: 'Jost', sans-serif;}

.topnav .topmenu > ul li.top-level {line-height:45px;padding: 0;vertical-align:center;}
.topnav .topmenu > ul li.top-level > a {color: #2a2628;padding: 0 12px;border-top: 3px solid #f1f6f4;}
.topnav .topmenu > ul li.top-level:hover > a {border-top: 3px solid #0ba64b;}
.topnav .topmenu > ul .mega-menu{
	width:100%;
	background-color: #f1f6f4;
	position: absolute;
	top: 40px;
	left: 50%; 
	margin-left: -50%;
	padding: 12px 28px 28px;
	column-count: 4;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-gap: 2em;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	margin-top: 5px;
 }
.topnav .topmenu > ul li {display: block !important;}
.topnav .topmenu .mega-menu > li {}
.topnav .topmenu .mega-menu li {padding:2px 0;	display:block;}
.topnav .topmenu .mega-menu > li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
               
}
.topmenu .mega-menu > li > a{color:#2a2628;font-weight:700;}
.topmenu .mega-menu li a:hover {border-left:2px solid #0ba64b;padding-left:6px;}
.topmenu .mega-menu li > ul {padding:0;}
.topmenu .mega-menu > li > ul li a{font-size:1em;color:#2a2628;padding-left:10px;}
.topmenu .mega-menu > li > ul li a:hover {padding-left:10px;margin-left:10px;}
.topmenu .mega-menu li > ul > li ul{padding:0;}
.topmenu .mega-menu > li > ul li > ul li a{font-size:1em;color:#2a2628;padding-left:20px;}

.topnav .topmenu > ul .small-menu{
	background:#f1f6f4;
	position: absolute;
	padding: 12px 20px;
    opacity: 1;
    visibility: hidden;
    z-index: 10000;
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
}
.topnav .topmenu > ul li .small-menu  li {
    float: none;
    display: block;
    padding:2px 0 8px;
}
.topnav .topmenu > ul li:hover .small-menu {
    visibility: visible
}
.topnav .topmenu .small-menu > li > a {color:#2a2628;font-weight:700;padding-right:8px;}
.topnav .topmenu .small-menu > li > a:hover {border-left:2px solid #0ba64b;padding-left:6px;padding-right:0;}

.topmenu > ul > li:nth-child(4) a {background-color:#0ba64b;color:#fff !important;}
.topmenu > ul > li:nth-child(4) a:hover {border-top: 3px solid #000 !important;}
 
.topmenu > ul > li:nth-child(4) .mega-menu a, .topmenu > ul > li:nth-child(4) .small-menu a {background-color: unset;color: #2a2628 !important;}
.topmenu > ul > li:nth-child(4) .mega-menu a:hover, .topmenu > ul > li:nth-child(4) .small-menu a:hover {border-top:none!important;}

/** Number on above code was originally 7 **/

/**************** nav - mobile header *************************/

.banner .slicknav_menu {text-align:left;}

.slicknav_menu {background-color:transparent;}
.slicknav_nav {z-index:10000000;}

.slicknav_menu						{padding:0;}
.slicknav_nav						{font-size:1.750em;font-weight:400;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-weight:400;font-size:1.750em;}
.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:#0ba64b;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:#f0f0f0;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:#f0f0f0;}
.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;}	
	
/**************** nav - crumbtrail *************************/

.crumbRow {padding:10px 0;}
.crumbContainer {width:1200px;margin:auto;font-size:0.750em;padding-top:2px;}
.crumbContainer a {font-size:1em;color:#2a2628;text-decoration:none;}
.crumb a:hover {}

.miniCart {text-align:right;font-size:0.750em;color:#666666;}
.miniCart img {vertical-align:middle;padding-right:8px;}
.miniCart a {font-size:1em;color:#666666;text-decoration:none;}


	
/**************** footer *****************************/

.footer			{background-color:#f1f6f4;color:#2a2628;}
.footerInfo		{width:1200px;margin:auto;padding:40px 0 40px 0;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;font-size:0.875em}
.footerInfo	a 	{color:#2a2628;text-decoration:none;font-size:0.875em}

.footerInfo .socialMedia {padding-top:10px;padding-bottom:34px;}
.socialMedia a:not(:last-child) img {margin-right:10px;}
.footerInfo .socialMedia img:hover {position:relative;top:-2px;}

.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #999999;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:#999999;}
.footerBase a:hover	{color:#dedede;}

.footer a[href^=tel]	{color:#2a2628;cursor:text;}
.footer a[href^=tel]:hover	{color:#2a2628;}

.footerInfo td {font-size:0.875em}

.footerInfo ul {list-style-type:none;padding:0 0 0 8px;}
.footerInfo li {line-height:160%;}


.footerInfo ul > li a {font-weight: 600;}
.footerInfo ul li ul li a {font-weight: 400;}

.ackOwner {font-size: 0.875em;padding-top:16px;}
@media (min-width:640px) {.ackOwner{width:60%;}}


/**************** slideshow *****************************/
/* Dots */

.slick-dots {
    position: absolute;
    bottom: 30px;
    display: block;
	 width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	 text-align: center;

}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
    z-index:100
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '.';
    text-align: center;
    font-size:80px;
    background-color: #ccc;
    opacity: .50;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 border-radius:50%;
}
.slick-dots li.slick-active button:before {
    opacity: .90;
    background-color:#0ba64b;
}	


/****************** slideshow *******************************/

.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:75px;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:75px;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;}   
}



/**************** home bar *************************/

.homeBar {background-color:#0ba64b;color:#ffffff;text-align:center;}
.homeBar a {color:#ffffff;font-weight:700;}
.homeBar {padding:10px;}
    
.accordion-container {text-align: center;}
.accHeader {margin:0;}
.accHeader p {}

.accordion-container span {text-decoration:underline;cursor: pointer;}
.accordion_content {
  overflow: auto;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width:65%;
  margin:auto;
  max-width:780px;
}
.show-accord {
  opacity: 1.0;
  max-height: 400px;
  padding: 15px 10px;
  background-color: #0ba64b;
}
.hidereadmore {display: none;}
.showLessMobile {display: none;}
    
@media only screen and (max-width: 480px) {
   .accordion_content {text-align: left;width:100%;}    
   .showLess {display: none;}  
   .showLessMobile {display: block;margin-top: 10px;}
}


/**************** content *****************************/

/* layout */
.middleHome	{padding-top:28px;width:1200px;margin:auto;}
.middle		{padding: 28px 0 32px 0; width:1200px;margin:auto;}
.greyRow {background-color:#ffffff;margin-top:20px;}
.center {text-align:center;}
.colourRow {background-color:#f1f6f4;}

.pageImage {display:block}

.main {padding-top:215px;}

.middleHome .sideBySide40-60-Col1 {width:41%;}
.middleHome .sideBySide40-60-Col2 {width:57%;text-align:right}

/* general */
a 			{color: #0ba64b;text-decoration: underline;}
a:hover	{color: #0ba64b;}
a img		{border:0;}

h1, h2, h3, h4, h5 {}
h1 {font-size: 2.250rem;color:#2a2628;font-weight:500;margin-top:0;font-family: 'Jost', sans-serif;text-transform:uppercase;}
h2 {font-size: 1.500rem;color:#2a2628;font-weight:400;font-family: 'Jost', sans-serif;}
h3 {font-size: 1.875rem;color:#2a2628;font-weight:400;font-family: 'Jost', sans-serif;}
h4 {font-size: 1.125rem;color:#2a2628;font-weight:500;font-family: 'Jost', sans-serif;}
h5 {
	font-size: 1.125rem;
	color:#2a2628;
	font-weight:600;
	margin-top:0;
	margin-bottom:6px;
	font-family: 'Jost', sans-serif;
	border-bottom:1px solid #2a2628;
	padding-bottom:12px;
	margin-bottom:12px;
	}

h1 a, h2 a, h3 a {font-size:1em;}
.middleHome h2 a {text-decoration:none;color:#2a2628;}

.middleHome h1 {font-size: 3.000rem;}
.middleHome h2 {font-size: 1.500rem;}
.middleHome h3 {font-size: 1.875rem;font-weight:500;}
.middleHome h4 {font-size: 1.125rem;}

.dataForm input[type=text],
.dataForm input[type=file],
.dataForm select {
    padding:6px;
    margin-bottom:10px;
}

.colourRow .middleHome h3 {font-size:1.313rem;font-family: 'Open Sans', sans-serif;margin:0;padding-bottom:24px;}
.colourRow h2 {margin-top:0;}

.greyRow p, .greyRow td {word-spacing:2px;}
.greyRow td {padding-right:4px;}

.formRequired {color:#c10000;font-size:0.625rem;}
.formSubtext {font-size:0.750rem}
.randomTestimonial {margin-bottom:50px;}   
.randomTestimonial p:not(::last-child) {font-style:italic;}   
.tesimonialTitle {font-weight:600;} 

.linkButton, .readmore {
   display:inline-block;
   padding: 6px 30px;
   background-color:#0ba64b;
   border:1px solid #0ba64b;
   color:#ffffff;
   text-decoration:none;
   margin-top:20px;
   text-transform:uppercase;
   font-family: 'Jost', sans-serif;
}
.linkButton:hover, .readmore:hover {color:#0ba64b;background-color:transparent;} 

.middleHome .clients {margin-bottom:24px;}
.middleHome .clients h2 {margin-top:0;}

.mapContainer {position: relative;height:530px;}

/**************** Map Overlay *****************************/

.topBanner {background-position:center;background-size:cover;}
.topBanner .middleHome p {margin-bottom:20px;}
.topBanner .middleHome .greenBox {
	background-color:#0ba64b;
	color:#ffffff;
	max-width:375px;
	float:left;
	padding:0 24px;
	text-align:left;
	}
.middleHome .greenBox h2 {color:#ffffff;}
.boxArticle {display: inline-block;width: 250px;}
	
.topBanner {position: relative;}
.topBanner h1 {color:#fff;}
.topBanner .home {
	position: absolute;
	top: 0px;
	z-index: 1;
	width:100%;
	padding-top:98px;
	}

.headingImg img {
    display: block;
}

.slideshowContainer .slideshow{height:410px;}
.greenBox a {color:#ffffff;text-decoration:none;}

/**************** flex2 ***************************/

.flex2 {display: flex;flex-wrap: wrap;}


@media (min-width:715px) {
	.flex2 .wobject {width: 47%;margin-bottom: 0;}
	.flex2 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex2 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex2 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex2 {padding-bottom: 0;text-align: center;display: flex;}
}

/**************** Flex Three Columns ***************/

.flex3 {display: flex;flex-wrap: wrap;}


@media (min-width:1031px) {
	.flex3 .wobject {width: 31%;margin-bottom: 16px;}
	.flex3 .wobject:not(:nth-of-type(3n)){margin-right: 3.5%;}
}

@media (min-width:715px) and (max-width:1030px) {
	.flex3 .wobject {width: 47%;margin-bottom: 24px;}
	.flex3 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex3 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex3 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex3 {padding-bottom: 0;}
}

/************* testimonials *********************/

.testimonials img {padding-bottom:12px;}
.testimonials .nameAddress {text-align:right;}


/************* catalogue Home *********************/

.catalogueHome h1 {text-align:center;position:relative;padding-bottom:10px;margin-bottom:80px}
@media (min-width:769px) {
   .catalogueHome h1 {font-size:3em;}
}
@media (min-width:400px) and (max-width:768px) {
   .catalogueHome h1 {font-size:2.5em;}
}
.catalogueHome h1:after{
    content: "";
    position: absolute;
    width: 300px;
    height: 1px;
    bottom: 0;
    left: calc(50% - 150px);
    border-bottom: 5px solid #0ba64b;
}
.homeTestimonialContainer {
   border-top:2px solid #0ba64b;
   text-align:center;

}




/************* browse *********************/




/************* categories *********************/


.featuredHeading {font-size: 2.250rem;color:#2a2628;font-weight:500;margin-bottom:60px;font-family: 'Jost', sans-serif;text-transform:uppercase;}
.middleHome .categoryBrowse-3col, .middleHome .categoryBrowse-4col {padding-bottom:20px;}
.categoryBrowse-3col .categoryBox {
    width: 31.1%;
    height: auto;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 3.3% 20px 0;
    max-width:230px;
}

.categoryBrowse-4col .categoryBox {
    width: 18%;
    height: auto;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 9.3% 24px 0;
}

.categoryBrowse-3col .categoryBox:nth-of-type(3n), .categoryBrowse-4col .categoryBox:nth-of-type(4n) {margin-right:0;} 
.categoryBrowse-3col .categoryBox:nth-of-type(3n+1), .categoryBrowse-4col .categoryBox:nth-of-type(4n+1) {clear:both;}


.categoryBox img {display:block;margin:auto;}
.categoryBox h2 {font-size:1em;font-weight:400;max-width:230px;margin:auto;}
.categoryBox h2 a {
   display:block;
   padding:20px 0;
   text-decoration: none;
   font-size:1em;
   color:#2a2628;
}
.categoryBox:hover  h2 a {}
.categoryBox h2 a:hover {}

.categoryBox:hover {
    transform: scale(1.1);
}

/************* product browse *********************/


@media (min-width:769px){
   .browseCategory .leftMenu {width:25%;float:left;}
   .browseCategory .browse {width:70%;float:right;}
}
@media (min-width:670px) and (max-width:768px){
   .browseCategory .leftMenu {width:30%;float:left;}
   .browseCategory .browse {width:67%;float:right;}
}
@media (max-width:669px){
   .browseCategory .leftMenu {display:none !important;}
}




.lmHead {
   font-size:1.5em;
   border-top:5px solid #0ba64b;
   font-family: 'Jost', sans-serif;
   padding-top:6px;
   padding-bottom:20px;
   }

.categoryDynamicLeftmenu { border:none; }
#selectedItem { background-color: transparent }

.categoryDynamicLeftmenu > ul > li > a { color:#2a2628; font-size:0.938em; }
.categoryDynamicLeftmenu ul li ul {padding-top:12px;padding-bottom:12px;}
.categoryDynamicLeftmenu ul li ul li a {
	padding:0 0 4px 20px; 
	color:#858384;
	border-bottom:none;
	font-size:0.875em;
}
.categoryDynamicLeftmenu a:hover { background-color: transparent; }



.productBrowse {display:flex;flex-wrap:wrap}
.productBox {background:#f1f6f4;padding:0;margin-bottom:40px;position:relative;padding-bottom:40px;}

@media (min-width:769px){
   .productBrowse .productBox {width:31%;}
   .productBrowse .productBox:not(:nth-child(3n)){margin-right:3%}
}
@media (max-width:768px){
   .productBrowse .productBox {width:48%;}
   .productBrowse .productBox:not(:nth-child(2n)){margin-right:4%}
}







.productBox img {display:block;position:relative;}
.overlay {position:absolute;} 
.saleOverlay {position:absolute;top:20px;right:20px;}
.productBoxImg {position:relative;}
.productImage {height:184px;display:block;} 
.productImage {
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}
.qtyInStock {background:#0ba64b;color:#fff;text-align:center;font-size:0.875em;padding:3px 0;font-weight:700;}
.qtyInStock span {font-size:0.688em;font-weight:400;}

.productBoxTitle {background:#f1f6f4;padding:10px}
.productBox h2 {
    text-align: left;
    margin: 0 0 16px 0;
    font-weight: 400;
    color:#2a2628;
    font-size:1.125em;
}
.productBox h2 a {color:#2a2628;}

.browsePrice {font-size:0.875em;font-weight:700;display:inline-block;float:left}
.browseRRP {font-size:0.688em;color:#797879;text-decoration:line-through;padding-left:10px;} 

.detailsLink {float:right;display:inline-block;}
.detailsLink a{
   display:inline-block;
   padding: 1px 30px;
   background-color:#0ba64b;
   border:1px solid #0ba64b;
   color:#fff;
   text-decoration:none;
   font-family: 'Jost', sans-serif;
   font-size:0.625em;
}
.detailsLink a:hover {color:#0ba64b;background-color:transparent;} 





 
.productCTA {position:absolute;bottom:16px;left:0;width:100%;padding:0 16px;}



 




/************* product page *********************/


.productPageV2 h1 {position:relative;top:-10px;margin-bottom:0;}

.productPrice {margin-bottom:20px;}
.productPrice .price {font-size:1.625em; color:#0ba64b;font-weight:700;}
.newrrp span {text-decoration:line-through;}
.newrrp {display:inline-block;color:#797879;font-size:1.125rem;padding-right:16px;}
.attributes span {display:inline-block;width:49%;}

.buyNow .label {font-family: 'Jost', sans-serif;color:#797879;padding-bottom:14px;display:block;}
.buyNow select {padding:5px;font-family: 'Jost', sans-serif;color:#2a2628;margin-bottom:20px;border-color:#ccc}

.inStockDel {width:100%;margin-bottom:20px;}
.inStockDel td {width:50%;}
.inStockDel tr:first-child td {font-family: 'Jost', sans-serif;color:#797879;}

.productPageV2 .addToCart {margin-top:30px;}
.productPageV2 input[type=text]{padding:4px 8px;border:1px solid #ccc;font-family: 'Open Sans', sans-serif;font-size:0.938em;position:relative;top:2px;}
.productPageV2 input[type=submit] {
   padding:8px 20px;
   background-color: #0ba64b;
   font-weight:600;
   color:#ffffff;
   border:none;
   font-family: 'Open Sans', sans-serif;
   font-size:0.625em;
   text-transform: uppercase;
   -webkit-appearance:none;
}
.productPageV2 input[type=submit]:hover {background-color:#2a2628;}

.contactLink {padding:28px 0;font-size:14px;font-weight:600;}

.slides-per-row-3.slider.slider-nav .item {
    width: 30% !important;
    margin-right: 5%;
    margin-bottom: 12px;
}   
.slides-per-row-3.slider.slider-nav .item:nth-of-type(3) {margin-right: 0;} 
.brandInfo {padding-top:20px;}

.ui-dialog-titlebar-close {outline:none;}

.productLogos img {margin-right:16px;}
.projectLink {padding-top:30px;}

.bulkPrices {font-size:0.875em;margin-bottom:20px;}
.bulkPrices div:first-child {display:none;}


.terms {border-top:1px solid #f1f6f4;}
.terms h3 {margin-top:10px;margin-bottom:8px;font-size:1.125em}
.terms ul {padding-left:20px;}
.terms li {padding:6px 0;font-size:0.875em}
.terms p {font-size:0.875em}

.relatedHead {border-top:3px solid #0ba64b;text-align:center;padding-top:12px;margin-bottom:30px;}

.relatedProductsCont {display:flex;flex-wrap:wrap}

@media (min-width:850px) {
	.relatedProductsCont .productBox {width:23%}
	.relatedProductsCont .productBox:not(:nth-child(4n)){margin-right:2%}
}
@media (min-width:641px) and (max-width:849px) {
	.relatedProductsCont .productBox {width:32%}
	.relatedProductsCont .productBox:not(:nth-child(3n)){margin-right:2%}
}
@media (min-width:450px) and (max-width:640px) {
	.relatedProductsCont .productBox {width:48.5%}
	.relatedProductsCont .productBox:not(:nth-child(2n)){margin-right:3%}
}

/**********************/

.productPage h2 {font-size:1.125em;}

.detailGroup h3 {font-size:1em;font-weight:700;font-family: 'Open Sans', sans-serif;}
.detailGroup {width:50%;float:left;padding-right:10px;}
.detailGroup:nth-of-type(2n+1){clear:both;} 
.detailGroup th {font-weight:400;text-align:left;padding-right:20px;}

/**********************/

@media (min-width:420px){
	.lifestylePhotos {display:flex;justify-content:space-between;padding:16px 0;}
	.lifestylePhotos div {width:32%}
}

@media (max-width:419px){
	.lifestylePhotos div {margin-bottom:20px;}
}

/********************/

.dealSash {
	display:flex;
	justify-content:space-between;
}

/********* product edit **************/

#productDetail_dealURL {width:400px}




/************* eCommerce *********************/

/**************** cart *****************************/

.contCheckout .button,
.contConfirm .button {
   padding:8px 20px;
   background-color: #0ba64b;
   font-weight:600;
   color:#ffffff;
   border:none;
   font-family: 'Open Sans', sans-serif;
   font-size:0.750em;
   text-transform: uppercase;
   -webkit-appearance:none;
}

.contCheckout .button:hover,
.contConfirm .button:hover {
   background-color:#2a2628;
}


.simpleQuote .cartImage {float:left;max-width:120px;padding-right:20px;}
.simpleQuote .simpleQuoteProduct {margin-bottom:20px;width:50%;float:left;padding-right:14px;}
.simpleQuote table {border-collapse:collapse;border-top:1px solid #d1d1d1;}
.simpleQuote table tr:nth-child(1) :first-of-type {padding-top:12px;}
.simpleQuote th, .simpleQuote td {text-align:left;padding:0 14px 6px 0;}

.removeItem {
   padding:6px 10px;
   background-color: #0ba64b;
   font-weight:600;
   color:#ffffff;
   border:none;
   font-family: 'Open Sans', sans-serif;
   font-size:0.625em;
   text-transform: uppercase;
   -webkit-appearance:none;
   display:inline-block;
}
.removeItem:hover {background-color:#2a2628;}


.simpleQuote .removeItem a {font-size:1em;text-decoration:none;color:#ffffff;}
.simpleQuote .removeItem:hover a {color:#ffffff;}

.contCheckout {margin-top:30px;}
.contCheckout form {margin-left:10px;}




/**************** checkout *****************************/

.checkout .simpleQuote .simpleQuoteProduct {margin-bottom:20px;width:100%;float:left;}
.checkout h2 {margin-top:0;}
.checkout .dataForm input[type="text"], .checkout .dataForm textarea {width: 95%;}
.checkoutCrumb {padding-bottom:10px;}
.contConfirm {text-align:center;}
.contConfirm input[type=submit] {margin-left:10px;}

.readonly {border: none;}

/**************** view order *****************************/

.order .simpleQuote .simpleQuoteProduct {margin-bottom:20px;width:100%;float:left;}


/**************** blog - latest news *****************************/

.submissionInList h2 a {
	color:#0ba64b;
	font-size:1.5em;
	font-weight:400;
	text-decoration:none;
}
.submittedBy {font-size:0.875rem;color:#949494;}

.blogReadMore {
	display:inline-block;
	background-color:#eaeaea;
	color:#0ba64b;
	text-decoration:none;
	padding:10px 26px;
	text-transform:uppercase;
}
.blogReadMore:hover {background-color:#0ba64b;color:#fff;}

.submissionInList {border-bottom: 1px solid #eaeaea;padding-bottom: 20px;}

.submissionInList .sideBySide60-40-Col2 {text-align:right;}

.submissionInListTestimonial {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


/**************** projects *****************************/
/*
.project {display:flex;background-color:#eaeaea;padding:20px 10px 20px 20px;justify-content:space-between;margin-bottom:26px;}
.project > div:nth-of-type(1) {width:31%;}
.project > div:nth-of-type(2) {width:66%;padding-bottom:30px;}

.project h2 {font-size:1.375em;margin-top:0;font-weight:500;}
.project h3 {font-size:1em;margin-top:0;font-weight:500;color:#616161;}

.slick-slide {margin:0 10px;}

.projectCarousel .slick-prev:before {content: url('previous.png');}
.projectCarousel .slick-next:before {content: url('next.png');}
.projectCarousel .slick-prev, .projectCarousel .slick-next {top: inherit;bottom:-50px;}
.projectCarousel .slick-prev {left: 10px;}
.projectCarousel .slick-next {right: 10px;}

*/

/******************  Projects Updated *********************/

.searchLink {float:none;width:100%;}


/**  Projects list and blog feed **/

.projectList .latestPost {
 display: flex;
 flex-wrap: wrap;
}
.projectList .submissionList {
 display:flex;
 flex-wrap:wrap;
}
.projectList .submissionInList {
 position:relative;
 width:33%;
 border:none;
 margin-bottom: 0;
 padding-top: 4px;
 padding-bottom:0;
}
@media (min-width:812px) {
 .projectList .submissionInList:not(:nth-child(3n)) {
  margin-right:0.5%;
 }
}
.projectList .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;
}
.projectList .submissionInList .projectText  a {
 text-decoration:none;
 color:#fff;
}
.projectList .submissionInList:hover > .projectText {
 visibility: hidden;
}
.projectList .submissionInList img {
 filter: brightness(70%);
 transition: all 1s ease;
 display:block;
}
.projectList .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;}

/* when the blog is replaced by the catalogue remove these blog filter classes */

.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;}

.catalogueFilterSelected:before {content:"Applied: ";font-weight:500;font-family: 'Jost', sans-serif;padding-right:20px;}
.catalogueFilterSelected {padding:0;list-style-type:none;}
.catalogueFilterSelected li {display:inline-block;font-size:0.813em;margin-right:12px;color:#fff;margin-bottom:10px;}
.catalogueFilterSelected li:not(:last-child) {padding:5px 7px 6px;background:#0ba64b;}
.catalogueFilterSelected li:not(:last-child) a {text-decoration:none;color:#fff;}
.catalogueFilterSelected span {padding-left:12px;}
.catalogueFilterSelected 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;}


/********** project catalogue 13-4-22 ************/


/* project list */


.catalogueProjectList {
	display:grid;
	gap:7px;
}

@media (min-width:865px){
	.catalogueProjectList {	grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:864px){
	.catalogueProjectList {	grid-template-columns: repeat(2, 1fr);}
}

.catalogueProjectList > div img {
 filter: brightness(70%);
 transition: all 1s ease;
 display:block;
}
.catalogueProjectList > div:hover img {
 filter: brightness(30%);
}

.catalogueProjectList > div {
	position:relative;
}
.catalogueProjectList .projectText {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:20px;
	color:#fff;
	z-index: 9;
	transition: all 0.5s ease;	
}

.projectText .logoImg {
	display:inline-block;
}

@media (max-width:1024px){
	.projectText .logoImg {max-width:28%}
}

.catalogueProjectList .projectOverlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	padding:20px;
	color:#fff;
	width:100%;
	height:100%;
}
.catalogueProjectList h2 {
	color:#fff;
	margin:0 0 6px
}

@media (min-width:1070px) {
	.catalogueProjectList > div:hover .projectOverlay {display:block}
	.catalogueProjectList > div:hover .projectText {display:none;}
}

.overlayButton {
	display:inline-block;
	background-color: #0ba64b;
	text-decoration:none;
	color:#fff;
	padding:5px 20px;
}
.overlayButton:hover {
	background-color:#fff;
	color:#0ba64b;
}

/* project page */

.productPageProject {
		display:grid;
		grid-template-columns:65% 30%;
		column-gap:5%;
}
.projectText h2 {color:#fff;}

.productPageProject h1 {line-height:120%}

.slides-per-row-4.slider.slider-nav .item {
    width: 23% !important;
    margin-right: 2.6%;
    margin-top: 12px;
}   
.slides-per-row-4.slider.slider-nav .item:nth-of-type(4) {margin-right: 0;} 

.projectBack {margin-top:30px;}

.relatedProjects td {vertical-align:top;}
.relatedProjects td:first-child {padding-right:20px}
.relatedProjects img {max-width:100px;}
.relatedProjects a {color:#2a2628;text-decoration:none;}



/************* content pages ************/

@media (min-width:741px) 	{
	.rightColPages {display:flex;justify-content:space-between;}
	}

.rightColPages > div:first-child {width:63%;}
.rightColPages > div:last-child {width:33%;background:#f1f6f4;padding:24px 16px 0;}

.bordTop {border-top:3px solid #0ba64b;}

.middle.contentMid {padding-top:0;padding-bottom:0;}

.dataForm.headOverField dd {padding: 0 0 .625em 0;margin-left: 0;}
.dataForm.headOverField .button {
	background-color: #0ba64b;
	border: 1px solid #0ba64b;
	color: #fff;
	padding: 8px 24px;
}
.dataForm.headOverField .button:hover {
	background-color: transparent;
	color: #0ba64b;
}

.slideshowContainer {position:relative;}

@media (min-width:1111px) and (max-width:1401px) {
	.slideshowContainer .slideshow{height:410px;}
}
@media (min-width:822px) and (max-width:1110px) {
	.slideshowContainer .slideshow{height:310px;}
}
@media (min-width:591px) and (max-width:821px) {
	.slideshowContainer .slideshow{height:210px;}
}
@media (min-width:0px) and (max-width:590px) {
	.slideshowContainer .slideshow{height:150px;}
}

:target::before {
  content: "";
  display: block;
  height: 125px; /* fixed header height */
  margin: -125px 0 0; /* negative fixed header height */
}


/******************* Management Profiles ****************************/


#rowContainer237 .columns4 {
	justify-content:space-between;
}	

@media (min-width:850px) {
	#rowContainer237 .columns4 {grid-template-columns: repeat(4, minmax(auto, 225px));}
}
@media (max-width:849px) {
	#rowContainer237 .columns4 {grid-template-columns: repeat(3, minmax(auto, 225px));}
}
@media (min-width:480px) and (max-width:767px) {
	#rowContainer237 .columns4 {
	    grid-template-columns: repeat(2, 1fr);
	    column-gap:30px;
	}
}
@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%);}
}
