#logo span{width:80%;height:75%;font-size:10px;} #logo span{border:none;text-align:left;align-items:center;justify-content:center;} .noBanners #logo span{ color:#ffffff;} .hasBanners #logo span{color:#ffffff;} .noBanners #logo #strapLine,.headerFixed #logo #strapLine,.hasBanners.headerFixed #logo #strapLine,.noBanners.headerFixed #logo #strapLine{color:#f3f3f3;} .hasBanners #logo #strapLine{color:#f3f3f3;} body{
text-align:left;
background-color:#fff;
position:relative;background:var(--pageColour);
} 
*{font-family:var(--mainFontMobile),Arial,Helvetica,sans-serif; font-size:var(--mainFontSizeMobile);} 
::-webkit-input-placeholder{color:#999;font-weight:300;font-size:13.2px;text-transform:none;opacity:1}
:-moz-placeholder{color:#999;font-weight:300;font-size:13.2px;text-transform:none;opacity:1}
::-moz-placeholder{color:#999;font-weight:300;font-size:13.2px;text-transform:none;opacity:1}
:-ms-input-placeholder{color:#999;font-weight:300;font-size:13.2px;text-transform:none;opacity:1} 
#header{
z-index:50; 
position:fixed;
top:0;
left:0;
width:100%;
height:80px; 
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
background:none;
} 
.noBanners #header{background-color:var(--headerColourMobile)}
#body.headerFixed #header{background-color:var(--headerColourMobile) } 
#body.bannersBelowHeader #header{background-color:var(--headerColourMobile) } 
.bannersBelowHeader #bannerWrap,.bannersBelowHeader #pageBanner{margin-top:80px;}
#top{display:block;overflow:hidden;} 
#telephoneNumber{float:left;height:80px;text-align:center;width:40px;margin-left:6px;line-height:80px;} 
#telephoneNumber a,#telephoneNumber em{font-size:0px;text-indent:-1000000px;} 
.isShop #telephoneNumber{margin-left:100px;margin-top:3px;}
#phoneIconScreen{display:none}
#phoneIconMobile{font-size:var(--telephoneIconSizeMobile);} 
.hasBanners #telephoneNumber #phoneIconMobile{color:var(--telephoneIconColorMobileBanners);}
.noBanners #telephoneNumber #phoneIconMobile{color:var(--telephoneIconColorMobileNoBanners) }
#body.headerFixed #telephoneNumber #phoneIconMobile{color:var(--telephoneIconColorMobileNoBanners) }
@media only screen and (min-width:601px) and (max-width:1120px){
}
#socialTop{display:none;} 
#logo{ 
z-index:10;display:block;position:absolute;
left:50%;margin-left:-120px;
top:0px;
width:240px;height:80px; 
}
 
#logo span{ background-size:contain;background-repeat:no-repeat;background-position: 50% 50%; margin-top:var(--logoTopPositionMobile);text-align:center; margin-left:auto;margin-right:auto;} 
#strapLine{
clear:both;
display:block;
font-style:normal;
font-size:var(--strapLineFontSizeMobile);
overflow: hidden;
text-overflow:ellipsis;
font-weight:var(--strapLineFontWeightMobile);
letter-spacing:0.6px;
height:20px;
white-space:nowrap;
padding:0; width:100%;
margin-top:var(--strapLineTopMobile);
text-align:center; 
} 
#hamburger{width:100%;height:30px; width:30px;position:fixed;top:28px;right:16px;z-index:500;
transition:all 0.2s ease-in-out;}
#hamburger span{height:2px;width:30px;
position:absolute;left:0px;
display:block; 
background:var(--hamburgerColour);
-webkit-transition:all 0.2s ease-in-out 100ms;
transition:all 0.2s ease-in-out 100ms;
}
.noBanners #hamburger span{background:var(--hamburgerColourNoBanners)}
.headerFixed #hamburger span{background:var(--hamburgerColourNoBanners) } 
#hamburger.hamburgerOpen {transform:rotate(90deg);}
#hamburger.hamburgerOpen span{background:#fff;}
#hamburger #bar1{top:2px} 
#hamburger #bar2{top:12px}
#hamburger #bar3{top:22px}
#hamburger.hamburgerOpen{}
#hamburger.hamburgerOpen #bar1{
transform:rotate(45deg);
top:12px;
}
#hamburger.hamburgerOpen #bar2{opacity:0;}
#hamburger.hamburgerOpen #bar3{
transform:rotate(-45deg);
top:12px;
} 
#navMain{background-color:var(--navBgMobile);position:relative} 
#navMain ul li a{font-family:var(--navFontMobile);color:var(--navFontColourMobile);text-transform:var(--navTextTransformMobile);} 
#navMain {
height:100%;
overflow:auto;
position:fixed;
padding:80px 20px 50px 10px;
top: -100%; 
z-index:100;
display:block;
width:100%;
left:0%;
}
#navMain.navMainOpen{
top:0px;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
#navMain.navMainClose{
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
top:-100%;
}
#navMain.navMainHide{top:-100%;} 
#navMain ul {
padding:0px 0px;
margin:0 auto;
width:auto
} 
#navMain ul{
opacity:0;
transition:opacity 0ms 0ms ease-in;
}
#navMain.navMainOpen ul{opacity:1;transition:opacity 1000ms 10ms ease-in-out}
#navMain li{
display:block;
clear:both;
margin:0px auto;
padding:0;
position:relative; 
}
#navMain ul li a{
display:block;
text-decoration:none;
padding:6px 10px 6px 18px; 
font-weight:normal;
background:none;
font-size:var(--navFontSizeMobile);text-align:left;
}
#navMain ul li ul li{border:none;overflow:hidden}
#navMain ul li.mainCategory a{position:relative;background:none;}
#navMain ul li.mainCategory a span{
background:none;text-align:left;
width:22px; 
position:absolute;left:-6px;top:7px;
-webkit-transition:all 300ms;
transition:all 300ms; 
font-size:inherit;font-weight:800;color:currentcolor ;
}
#navMain ul li.mainCategory a span:before{	content:"+";font-weight:400;text-align:left;}
#navMain ul li.mainCategoryOpen a span:before{content:"-";font-weight:400;text-align:left;}
#navMain ul li ul.subNav{
margin:6px 0px 30px 0;padding:0px 0 0 20px;font-size:var(--navFontSizeMobile);
} 
#navMain ul li ul li a{height:auto;margin:0 auto;padding:4px 0;text-align:inherit;} 
#navMain ul li ul li a,#navMain ul li.mainCategoryOpen ul li a{font-size:0.84em}
 
#contentWrapper{width:100%;padding:0px 0px;margin:0px auto 0px auto;}
.noBanners #contentWrapper{margin-top:80px }
#content{display:block;width:100%;margin:0 auto;padding: 40px 15px 40px 15px;}
#siteContent{display:block;width:100%;margin:0 auto;padding: 40px 15px 20px 15px;} 
#products{display:block;width:100%;margin:0 auto;padding: 40px 15px 20px 15px;} 
#galleryContent{display:block;width:100%;margin:0 auto;padding: 40px 5px 0px 5px;}#carousel{margin:30px 3%;position:relative;padding:0;width:94%;height:auto;overflow:hidden;overflow-x:auto;}
#carousel ul{ display:flex;
 scroll-snap-type:x mandatory;
 overflow-x:auto;	
		
 }
		
#carousel::after{ content:"";position:absolute;right:-6%;height:100%;
background:#fff;
z-index:5;top:0px;
width:8%;filter:blur(8px);
opacity:0.99
}
 
#carousel li{
margin:0px;padding:0 10px; 
scroll-snap-align:center;
overflow:hidden;
}
 
::-webkit-scrollbar{
 display:none; 
}
 
#carousel li{ flex:1 0 100%;} 
@media only screen and (min-width:450px){#carousel li{ flex:1 0 50%;} }
@media only screen and (min-width:600px){#carousel li{flex:1 0 33%;} }
 
 
#carousel li .imgWrap{display:block; padding:0%; margin:0 0;width:100%;} 
 #carousel li span.bgImg{
padding-bottom:60% ;
	display:block; 
	background-position:50% 50%;
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	border-radius:0px;
	text-indent:-10000px;
	font-size:0px;position:relative
}
#carousel li .textWrap{color:inherit; padding:0px 20px;clear:both;margin:0px auto } 
#carousel li div.innerSection{width:100%;}
#carousel iframe{position:absolute;left:0;top:0;right:0;height:100%;width:100%;margin:0;padding:0;} 
 
 #carousel li .textWrap{margin:0;padding:15px ;text-align:center}
#carousel h1{margin:10px auto 0 auto;font-weight:600; font-size:1.2em; text-align:center }
#carousel h2{font-size:1.1em;margin:0px auto;font-weight:500; 	 text-align:center } 
 #carousel li .textWrap *{text-align:center}
#carousel .moreLink, #carousel a.moreLink{
display:block;
width:150px;max-width:98%;
text-align:center;
margin:20px auto 0 auto;
padding:3px 0px;
clear:both;
border-radius:2px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
cursor:pointer;
font-size:11.2px;
color:inherit;
border:1px solid currentcolor;
opacity:1;
font-weight:500;
} 
#carousel a.moreLink span{display:none}
#carousel li:hover .moreLink{background:#333;border-color:#333;color:#FFF }#paraGrid,#paraGrid ul{margin:0px auto 0 auto;width:100%;display:block;}
#paraGrid ul{position:relative;display:flex;flex-basis:row;flex-wrap: wrap;margin:0 auto 0px auto;padding:0 15px;} 
#paraGrid ul li{width:100%;padding:0px 0px;margin:4px auto;clear:both;border-bottom:0px solid #fff;}
@media only screen and (min-width:680px),(orientation:landscape){
#paraGrid ul li{width:49%;} 
}
#paraGrid li .innerSection{position:relative;height:100%;width:100%;}
#paraGrid li .imgWrap{width:100%;padding:0;}
#paraGrid.alternate li .paraVidWrap,
#paraGrid.twoPlusThree li .paraVidWrap,
#paraGrid.twoPlusFour li .paraVidWrap,
#paraGrid.fourPlusFour li .paraVidWrap,
#paraGrid.twoPlusTwo li .paraVidWrap{padding:0px; overflow:hidden;display:block;width:100% }
#paraGrid.alternate li .paraVidPlayer,
#paraGrid.twoPlusThree li .paraVidPlayer,
#paraGrid.twoPlusFour li .paraVidPlayer,
#paraGrid.fourPlusFour li .paraVidPlayer,
#paraGrid.twoPlusTwo li .paraVidPlayer{display:block;width:100%;max-width:100%;position:relative; object-fit:cover;}
#paraGrid li video{max-width:100vw;}
#paraGrid iframe{position:absolute;left:0;top:0;right:0;height:100%;width:100%;margin:0;padding:0;} 
 
#paraGrid .imgWrap span.bgImg{
	display:block;
	padding-bottom:100%;
	background-size:cover;border:0px solid #ff6600;
	width:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:all 500ms;
	position:relative;
}
#paraGrid.imgContain span.bgImg{	background-size:contain;border:25px solid transparent}
#paraGrid li .textWrap{width:100%;position:absolute;bottom: 0px; margin:0 auto;border:0px solid #ff6600; display:block;}
#paraGrid li .textWrap,#paraGrid li .textWrap *{margin:0 auto;}
#paraGrid li .textWrap div{width:260px;max-width:90%;margin:0 auto 0px auto;padding:7px 6px;opacity:0.89;transition:all 1s;border-radius:2px;background:inherit}
#paraGrid li:hover .textWrap div{ }
#paraGrid li .copyWrap{display:none;}
#paraGrid .textWrap,#paraGrid *{color:inherit;text-align:center;} 
#paraGrid .textWrap h2{display:block;clear:both; 	margin:0px auto;font-weight:600;color:inherit;}
#paraGrid .textWrap h3{ display:block;clear:both; font-weight:400;color:inherit;font-size:0.5em} 
#paraGrid .textWrap,#paraGrid .textWrap *{line-height:1.5em;}
#paraGrid .textWrap p{margin:8px auto;font-weight:300;}
#paraGrid .textWrap a.moreLink{
position:absolute;
left:-10000000px; 
} 
#paraGrid a.moreLink span{display:none}
#paraGrid.mobTextBelow li .textWrap{display:block;position:relative;clear:both;}
#paraGrid.mobTextBelow li .textWrap div{padding:10px 35px 30px 35px;}
#paraGrid.mobTextBelow li .textWrap *{width:100%;padding:0 0px; max-width:100%;		}
#paraGrid.mobTextBelow 		 li div.copyWrap{display:block;padding:0 }
#paraGrid.mobTextBelow .textWrap h2{margin: 0px auto 0px auto;padding:20px 0 0 0}
	#paraGrid.mobTextBelow 	 li div.copyWrap p,	#paraGrid.mobTextBelowWhite 	 li div.copyWrap p{margin:2px auto;padding:2px 0}
	#paraGrid.mobTextBelow li .textWrap li{ list-style:disc;list-style-position:inside}
#paraGrid.mobTextBelow .textWrap a.moreLink{
 position:relative;left:auto;display:block;width:auto;width:fit-content;border:1px solid;border-color:inherit;padding:8px 25px;		font-size:14.4px;font-weight:600;
		margin:10px auto;border-radius:2px;
}
 
 
#paraGrid.fourIcons .imgWrap,#paraGrid.fourIconRounded .imgWrap,#paraGrid.threeIcons .imgWrap,#paraGrid.threeIconRounded .imgWrap{height:180px;position:relative;width:100%;display:block}
#paraGrid.fourIcons .imgWrap span.bgImg,#paraGrid.fourIconRounded .imgWrap span.bgImg, #paraGrid.threeIcons .imgWrap span.bgImg,#paraGrid.threeIconRounded .imgWrap span.bgImg{height:auto;width:100px; margin:0px auto;display:block;background-position:50% 10%;	background-size:contain;}