#bannerWrap,#banners,#bannersVideo, #banners *,#bannersVideo *{font-family:var(--bannerFont);} 
#bannerWrap{
padding:0;
left:0px;
position:relative;
display:block;
z-index:1;
height:var(--bannerHeight);
width:100%;
background-color:#222;
opacity:5;overflow-x:hidden;
} 
.bannersHome #bannerWrap{height:var(--bannerHeightHome);}
#bannerBaselineMask{
	background-image:var(--bannerBaselineImg);
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background-repeat:no-repeat;
	z-index:1;
	background-size:cover;
	}
#bannerBaselineMask.bannerWave50L,#bannerBaselineMask.bannerWave50C,#bannerBaselineMask.bannerWave50R{ height:50px;} 
#bannerBaselineMask.bannerWave100L,#bannerBaselineMask.bannerWave100C,#bannerBaselineMask.bannerWave100R{	height:100px;}
#bannerBaselineMask.bannerWave50L,#bannerBaselineMask.bannerWave100L{background-position:0% bottom;}
#bannerBaselineMask.bannerWave50C,#bannerBaselineMask.bannerWave100C{background-position:50% bottom;}
#bannerBaselineMask.bannerWave50R,#bannerBaselineMask.bannerWave100R{background-position:100% bottom;}
#bannerBaselineMask.bannerPointerSmall,#bannerBaselineMask.bannerPointerMedium,#bannerBaselineMask.bannerPointerLarge{	background-position:50% bottom;}
#bannerBaselineMask.bannerPointerSmall{	background-size:auto 18px;	height:18px;}
#bannerBaselineMask.bannerPointerMedium{	background-size:auto 30px;	height:30px;}
#bannerBaselineMask.bannerPointerLarge{	background-size:auto 50px;	height:50px;}
#bannerBaselineMask.bannerSpikesLarge,#bannerBaselineMask.bannerSpikesMedium,#bannerBaselineMask.bannerSpikesSmall{background-position:50% bottom;	height:50px;	background-repeat:repeat-x;}
#bannerBaselineMask.bannerSpikesSmall{	background-size:65px auto;}
#bannerBaselineMask.bannerSpikesMedium{	background-size:120px auto;}
#bannerBaselineMask.bannerSpikesLarge{	background-size:240px auto;}
#bannerBaselineMask.bannerBaslineAngle1{height:80px;background-position:50% bottom;background-size:contain}
#bannerBaselineMask.bannerBaslineAngle2	{height:80px;background-position:50% bottom;background-size:contain}
#banners{height:100%;width:100%; margin:0;z-index:1;position:relative;} 
#bannerWrap li{width:100%;height:100%; margin:0;padding:0;z-index:1;position:absolute;left:0;top:0;display:block } 
#bannerWrap span.bannerBg{height:100%;width:100%;position:absolute;
top:0px;left:0px;right:0px;bottom:0px;background-repeat:no-repeat;
background-size:var(--bannerBgSize);background-position:50% 50%;}
.opacityMask{
position:absolute;top:0px;left:0px;right:0px;bottom:0px;
height:100%;
width:100%;z-index:-1;
} 
.opacityMask.maskOverlay{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:var(--overlayOpacity)	;
background:var(--overlayColour);
}
.opacityMask.maskBg{
background-size:var(--bannerBgSize);background-position:50% 50%;
	filter:blur(var(--bannerBlur) ) grayscale(var(--bannerGrayScale) );
-webkit-filter:blur(var(--bannerBlur) ) grayscale(var(--bannerGrayScale) );
}
.videoOpacityMask{
position:absolute;top:0px;left:0px;
height:100%;
width:100%;z-index:-1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
background:#000;
}
@media only screen and (min-width:1121px){
.fixedBanners .opacityMask.maskBg,.fixedBanners #bannerWrap span.bannerBg{background-attachment:fixed;transition:none;}
}
 
 
.bannerTextWrap,#bannerWrap li div.bannerTextWrap{
position:absolute;
height:100%;
width:100%;
overflow:hidden;
opacity:0;
z-index:500; 
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
} 
#bannerWrap li a,#bannerWrap li h5{font-weight:var(--bannerWeight1);}
#bannerWrap li a span,#bannerWrap li h5 span{
width:100%;max-width:1120px;
display:block;
padding:0px 0px; 
 font-size:var(--bannerFontSize);
font-weight:var(--bannerWeight1);
letter-spacing:var(--bannerLetterSpacing); 
} 
#bannerWrap li em{
width:100%; max-width:1120px;
font-style:normal;
clear:both;
display:block;
padding:10px 0px 0 0;
font-family:var(--bannerFont2);
font-size:var(--bannerFontSize2);
font-weight:var(--bannerWeight2);
letter-spacing:var(--bannerLetterSpacing2); 
}
#bannerWrap li,#bannerWrap li *{color:inherit;}
#bannerWrap li .readMore{margin-top:20px;}
#bannerWrap li .readMore strong{
padding:10px 30px;
font-style:normal;
width:max-content;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:inline-block;
clear:both;
font-size:11.8px; 
letter-spacing:1px;
text-shadow:0px 0px;
background-repeat:repeat;
cursor:pointer;
transition:0.1s;
 
font-weight:300;
position:relative;
border:1px solid currentcolor
} 
.mobile #bannerWrap li .readMore strong{font-size:12.6px;}
#bannerWrap.bannerTextLeft h5,#bannerWrap.bannerTextRight h5{width:90%;}
#bannerWrap.bannerTextLeft li a span,
#bannerWrap.bannerTextLeft li h5 span,
#bannerWrap.bannerTextLeft li em,
#bannerWrap.bannerTextLeft li p.readMore{text-align:left;} 
#bannerWrap.bannerTextCenter li a span, 
#bannerWrap.bannerTextCenter li h5 span,
#bannerWrap.bannerTextCenter li em, 
#bannerWrap.bannerTextCenter li p.readMore{text-align:center;margin-left:auto;margin-right:auto;} 
#bannerWrap.bannerTextRight li a span,
#bannerWrap.bannerTextRight li h5 span,
#bannerWrap.bannerTextRight li em,
#bannerWrap.bannerTextRight li p.readMore{text-align:right;float:right;display:block;clear:both} 
#bannerWrap li .readMore strong::before{content:'';left:0;top:0;position:absolute;width:100%;height:100%;background-color:#fff
;z-index:-1;opacity:0;transition:0.2s;}
#bannerWrap li strong:hover::before{opacity:0.25;} 
 
.bannerControls{display:block;clear:both;width:50px;height:100%;position:absolute;top:0px;z-index:20;opacity:0;filter:alpha(opacity=0);transition:opacity 1000ms;}
#bannerControlPrevious{left:10px;}
#bannerControlNext{right:10px}
.bannerControls span{
display:block;
background-color:#222;
border:0px solid #fff;
text-decoration:none;
cursor:pointer;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
width:50px;
height:50px;
position:absolute;
top:50%;
margin-top:-25px;
z-index:2;
opacity:0.2;
text-indent:-10000px;
transition:opacity 300ms;
} 
.bannerControls:hover span{opacity:1;}
#bannerControlPrevious span{background-position:18px 50%;background-image:url(https://resources.hertsmedia.com/images/icons/arrowLWhiteThin.png);}
#bannerControlNext span{background-position:22px 50%;background-image:url(https://resources.hertsmedia.com/images/icons/arrowRWhiteThin.png);} 
#bannerWrap.bannerPointers #bannerDots{display:none}
#bannerWrap.bannerDots .bannerControls,#bannerWrap.bannerDots #bannerControlPrevious,#bannerWrap.bannerDots #bannerControlNext{display:none}
@media only screen and (max-width:1120px){
#bannerWrap #bannerDots,#bannerWrap #bannerDots li,#bannerDots li{}
#bannerWrap .bannerControls,#bannerWrap #bannerControlPrevious,#bannerWrap #bannerControlNext{display:none}
} 
#bannerWrap #bannerDots{z-index:5;position:absolute;bottom:20px;right: 0;left:0;height:15px;width:100%;z-index:5;text-align:right;padding:0 15px;}
#bannerWrap.dotsCentered #bannerDots{text-align:center;margin:0 auto;padding:0}
#bannerWrap.navDotsOffset30 #bannerDots{bottom:30px;}
#bannerWrap.navDotsOffset40 #bannerDots{bottom:40px;}
#bannerWrap.navDotsOffset50 #bannerDots{bottom:50px;}
#bannerWrap.navDotsOffset60 #bannerDots{bottom:60px;}
#bannerWrap.navDotsOffset70 #bannerDots{bottom:70px;}
#bannerWrap.navDotsOffset80 #bannerDots{bottom:80px;}
#bannerWrap #bannerDots li{
cursor:pointer;
position:relative;
width:12px;
height:12px;
margin:0 0 0 4px;
border-radius:15px;
display:inline-block;
z-index:5;
opacity:0.3;transition:all 100ms;
} 
#bannerWrap.bannerDotsWhite li{background:#fff;}
#bannerWrap.bannerDotsGray li{background:#555;}
#bannerWrap.bannerDotsBlack li{background:#000;}
#bannerWrap #bannerDots li:hover{opacity:1;transition:all 100ms;}
#bannerWrap #bannerDots li.activeDot{opacity:1;transition:all 1000ms;transition-delay:500ms} 
 
#bannerWrap.noBannerNav #bannerDots,#bannerWrap.noBannerNav .bannerControls{display:none} 
#bannersVideo,#videoContainer{height:100%;width:100%;position:absolute;overflow:hidden;}
 
#videoContainer video{
padding:0;
left:0px;
position:relative;
display:block;
z-index:0;
height:100%;
width:100%;object-fit:cover;
background-color:#333;
opacity:1;overflow-x:hidden;
 z-index:0; 
} 
@media only screen and (max-width:1120px){
#bannerWrap{height:var(--bannerHeightMobile);}
.bannersHome #bannerWrap{height:var(--bannerHeightMobileHome);}
.bannerTextWrap,#bannerWrap li div.bannerTextWrap{padding:0 10% 30px 10% }
#bannerWrap li strong{font-weight:400;padding:10px 30px;} 
#bannerWrap li a span,#bannerWrap li h5 span{} 
#bannerWrap li a span,#bannerWrap li h5 span{line-height:1.2em;font-size:var(--bannerFontSizeMobile);font-weight:var(--bannerWeightMobile1);} 
#bannerWrap li em{display:block;line-height:1em;font-size:var(--bannerFontSizeMobile2);font-weight:var(--bannerWeightMobile2);}
#videoContainer video{height:var(--bannerHeightMobile);object-fit:cover;height:100%;width:100% }
}