body {
margin: 0;
padding: 0;
}

:root {
--col1: #0a1a29;
--col2: #183f66;
--col3: #22598f;
--col4: #D9E8F6;
--col5: #eee;
--col6: #fff;
--yellow: #fba621;
--contentBoxBaseColour: yellow;
--contentBoxBG: linear-gradient(to bottom right, rgba(24, 63, 102, 0.9), rgba(24, 63, 102, 9.5));
--contentBoxBGRev: linear-gradient(to bottom left, rgba(24, 63, 102, 0.9), rgba(24, 63, 102, 9.5));
--blogBoxTitleA: #ccc;
--blogBoxTitleB: #22598f;
--blogBoxLinkA: #D9E8F6;
--blogBoxLinkB: #22598f;
--blogBoxContentA: #ccc;
--blogBoxContentB: #183f66;
--blogBoxBaseColourA: #fff;
--blogBoxBaseColourB: #fff;
--blogBoxBGA: linear-gradient(to bottom right, rgba(24, 63, 102, 0.9), rgba(24, 63, 102, 9.5));
--blogBoxBGB: linear-gradient(to bottom right, rgba(34, 89, 143, 0.4), rgba(34, 89, 143, 0.5));
--colLit: #FFF;
--colMid: #333;
--colDrk: #000;

--fntLit: rgba(255, 255, 255, .7);
--fntLitH: rgba(255, 255, 255, .9);
--fntDrk: rgba(0, 0, 0, .6);
--fntDrkH: rgba(0, 102, 102, .9);

--font-color: #22598f;
--h2-color: #ccc;
--h2Shadow: #333;
--whiteHighlight: #fff;

--page-bg: conic-gradient(from 225deg at 110px 190px, #183F66, #22598F, #183F66, #22598F, #183F66, #42607f, #183F66, #183F66);
--pageContentListContainerBG: rgba(51, 51, 51, .4);

--boxShadeTop: transparent;
/*
--boxShade0: rgba(5, 35, 62, 0.6);
--boxShade1: rgba(6, 51, 90, 0.9);
--boxShade2: rgba(41, 63, 83, 0.9);
--boxShade3: rgba(54, 78, 100, 1);
--boxShade4: rgba(76, 97, 116, 1);
--boxShade5: rgba(93, 105, 115, 1);
*/
		--boxShade0: #22598f;
--boxShade0: rgba(24, 63, 102, 1);  /* Contact bar blue  */
--boxShade0: #fff;
		--boxShade1: #3f6e9d;
--boxShade1: rgba(251, 166, 33, 0.1);  /* Brand orange at 0.1 trans */
--boxShade2: #fee9c7;
		--boxShade3: #fee9c7;
		--boxShade3: #7a9bbc;
		--boxShade3: rgba(24, 63, 102, 1);  /* Contact bar blue  */
--boxShade3: #6c90b4;

	--boxShade4: #c8d5e3;
--boxShade4: #fef2de;
--boxShade5: #dee6ee;

--contentShadeTop: #ccc;
--contentShade0: #ddd;
--contentShade1: #ddd;
--contentShade2: #ddd;
--contentShade3: #ddd;
--contentShade4: #eee;
--contentShade5: #eee;

--contentBoxBorders: #183f66;
--faqOverlayBG: #ccc;
--faqOverlayBorder: #eee;

--linkHover: #fff;
		--navHover: #e9bd27;
--navHover: var(--yellow);

--buttonBorderWhite: #eee;
--buttonLightBlue: #5d6973;
--buttonLightBlueText: #eee;
--buttonLightBlueHov: #05233E;
--buttonDarkBlue: #06335a;
--buttonDarkBlueText: #eee;
--buttonDarkBlueHov: #4c6174;
--buttonDarkGrey: #444;
--buttonDarkGreyText: #eee;
--buttonDarkGreyHov: #4c6174;

--personaWho: #88C5FF;
--personaWhat: #55abbf;
--personaWhy: #AACDED;

--content-box-color: #05233e;
--content-box-border: solid rgba(255, 255, 255, .2);

--contentBlockBGColour: #333;
--contentBlockBGGradient: linear-gradient(to bottom right, rgba(0, 85, 85, .9), rgba(0, 85, 85, .1));

--contentBoxBorder: #22598f;
--contentBoxGradientWebkit: -webkit-linear-gradient(to bottom right, #666 60%, #444 100%);
--contentBoxGradientMoz: -moz-linear-gradient(to bottom right, #666 60%, #444 100%);
--contentBoxGradient: linear-gradient(to bottom right, #eee 30%, #ddd 90%);

--faqBoxGradient: var(--boxShade2);

--LBCaptionColour: #999;
--captionBulletColour: #ccc;

--collapsableSectionBG: #0c2135;
--mainContentBoxBG: #000;
--collapsableSectionGradient: linear-gradient(to bottom right, rgba(102, 102, 102, 0.4), rgba(102, 102, 102, .1));

--questionsIntroBox: rgba(24, 63, 102, 0.9);
--hpBullet: #eee;
--hpBulletHover: #099;

--infoBox: rgba(150, 153, 153, .1);
--infoBoxHover: rgba(0, 102, 102, .3);
--infoBoxBorder: #ccc;
--infoBoxBorderHover: #fff;

--stdBtnGreyBG: #555;
--stdBtnGreyText: #ccc;
--stdBtnGreyBGHover: #555;
--stdBtnGreenBG: #22598f;
--stdBtnGreenBGHover: #183f66;
--stdBtnGreenText: #ccc;

--BronzePanelLev1: #faf2eb;
    --BronzePanelLev2: #f5e5d6;
    --BronzePanelLev3: #f0d9c2;
    --BronzeBannerLev1: pink;
    --BronzeBannerLev2: pink;
    --BronzeBannerLev3: #cf7f32;
    --SilverPanelLev1: #eeefee;
    --SilverPanelLev2: #dedfdd;
    --SilverPanelLev3: #cdcecb;
    --SilverBannerLev1: pink;
    --SilverBannerLev2: pink;
    --SilverBannerLev3: #b4b6b2;
    --GoldPanelLev1: #fffbe6;
    --GoldPanelLev2: #fff4b8;
    --GoldPanelLev3: #ffe02e;
    --GoldBannerLev1: pink;
    --GoldBannerLev2: pink;
    --GoldBannerLev3: #e6c200;


--bulletTitle: #ccc;
--bulletTitleGen2: #22598f;

--fontFam: "Mulish", sans-serif;
--fontFam2: "League Spartan", sans-serif;



transition: .5s all ease;
}

@media (max-width:575px) {
	:root {
		--col1:rgba(24, 63, 102, .8);
		--page-bg:conic-gradient(from 225deg at 70px 100px, #183F66, #22598F, #183F66, #22598F, #183F66, #42607f, #183F66, #183F66);
	}
}

* {box-sizing:border-box}

html {
	scroll-padding-top:125px;
	scroll-behavior:smooth;	
	font-size:100%;
	-webkit-text-size-adjust:100%;
}

body {
	font-family:var(--fontFam);
	color:var(--fntDrk);
	font-weight:400;
	line-height:1.8em;
	vertical-align:top;
	padding:0;
	background-color:#183f66;
	background-image:var(--page-bg);
	background-attachment:fixed
}

.containerNavLogo {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:500;
	background-color:#000;
	background-image:linear-gradient(to top right, rgba(24, 63, 102, .8), rgba(24, 63, 102, .3));
	border-bottom:solid 1px #fff;
	padding:12px 20px;
	display:flex;
	align-items:center
}

@media (max-width:800px) {
	.containerNavLogo {border-bottom:solid 0 transparent}
}

@media (max-width:575px) {
	.containerNavLogo {
		background-color:transparent;
		background-image:linear-gradient(to bottom, rgba(0, 0, 0, .9), transparent);
		padding:35px 20px;
	}
}

.contactBar {
	display:flex;
	align-items:center;
	justify-content:center
}

.contactBar>div{
	margin:2px;
	padding: 0 2px
	}

.contactEmail,
.contactPhone {
	color:#ccc;
	font-size:16pt;
	text-align:center;
	padding:0 55px 0 0;
	text-decoration:none;
	align-items:center
}

.contactEmail {padding:0}

.contactEmail:hover, .contactPhone:hover {color:var(--navHover)}

.emailSymbol,
.phoneSymbol {
	display:inline;
	color:#eee;
	text-decoration:none;
	align-items:center;
	margin:0;
	padding:0;
	font-size:24pt;
	transition:.5s
}

.phoneSymbol {
	padding:0 5px 0 0;
	font-size:22pt;
	font-family:Segoe UI Symbol
}

.emailSymbol:hover,
.phoneSymbol:hover {transition:.5s;color:#fff}

.LogoM {display:none}

.LogoSize {
	position:absolute;
	top:10px;
	left:30px;
	width: 220px;
	max-width:30%;
	height:auto;
	z-index:100
}

@media (max-width:575px) {
	.LogoSize {
		position:unset;
		max-width:unset;	
		width: 160px
	}
}

details {
	margin:0 0 10px 0;
	transition:0.5s all ease-in-out
}

summary {
	margin-left:20px;
	padding: 6px 0 0 0;
	cursor:pointer;
	font-weight:700;
	color:#22598f;
	letter-spacing: 1px;
	transition:.5s all ease-in-out
}

.inPageContactForm,
.articleFeedbackForm {
	display:flex;
	background:transparent
}

.inPageContactForm>div {
	width:40%;
	margin:0;
	padding:10px 15px
}

.articleFeedbackForm>div {
	width:100%;
	margin:0;
	padding:10px 0
}

.inPageFormContainer {
	background:0 0;
	width:60%;
	margin:0;
	padding:0
}

@media (max-width:575px) {
	.inPageContactForm,
	.articleFeedbackForm {
		display:flex;
		flex-direction:column;
		background:transparent;
		margin:0 0 20px 0;
		border-top:unset;
		border-bottom:unset;
		border-image:unset
	}
	.inPageContactForm>div {
		width:100%;
		margin:0;
		padding:0 10px 10px 15px
	}
	.inPageFormContainer {
		background:0 0;
		width:100%;
		margin:0;
		padding:0
	}

}

@media (max-width:575px) {summary {margin-left:20px}}

@media (min-width:576px) AND (max-width:1099px) {.genericPageHeader {padding:0}}

.aboutAuthorContainer {
	width:99%;
	height:140px;
	margin:20px 0;
	padding:0 15px
}

.aboutAuthorContent {
	padding:3px 0;
	color:var(--font-color);
	font-size:.95em;
	line-height:1.25em
}

.aboutAuthorContentGen2 {
	padding:3px 0;
	color:#22598f;
	font-size:.95em;
	line-height:1.25em
}

.aboutAuthorImg {
	float:left;
	background:var(--col1);
	height:130px;
	overflow:hidden;
	border-radius:.5em;
	margin:2px 15px 0 0;
	border:2px solid rgba(255, 255, 255, .05);
	box-shadow:2px 2px 5px rgba(47, 54, 64, .39)
}

@media (max-width:575px) {.aboutAuthorImg {height:90px}}

.socialIconM {
	width:24px;
	height:auto;
	margin:5px;
	padding:0
}

.socialIconL {
	width:30px;
	height:auto;
	margin:10px 20px 0 0
}

.socialIconContactPage {
	width:36px;
	height:auto;
	margin:0 8px 0 0
}

.cookie-container {
	position:fixed;
	bottom:-100%;
	left:0;
	right:0;
	border-top:solid #0ff;
	border-color:#fff;
	background-color:rgba(0, 0, 0, .9);
	text-align:center;
	color:#000;
	padding:0 32px;
	box-shadow:0 -2px 16px rgba(47, 54, 64, .39);
	transition:.4s
}

.cookie-container.active {bottom:0}
.cookie-container a {color:var(--col1)}

hr {
	margin:10px 0;
	padding:2px;
	border-top:1px solid var(--col3);
	border-bottom:1px solid var(--col3);
	border-left:none;
	border-right:none;
	margin:20px 0
}

hr.faint {
	width:95%;
	margin:10px auto;
	border-top:1px dotted #666;
	border-bottom:0 dotted #999
}

hr.sectionDivider {
	width:100%;
	margin:10px auto 25px auto;
	border-bottom:1px solid #777;
	border-top:1px solid var(--col3)
}

hr.contentDivider {
	width:95%;
	margin:10px auto 25px auto;
	border-bottom:1px solid #999;
	border-top:1px solid #ccc;
}

@media (max-width:575px) {
	hr {
		margin:8px 0 5px 0;
		padding:2px
	}
}

hr.attentionTop {
	width:94%;
	margin:25px auto 10px auto;
	border-top:1px solid var(--col3);
	border-bottom:1px solid #777
}

hr.attentionBot {
	width:94%;
	margin:10px auto 25px auto;
	border-top:1px solid #777;
	border-bottom:1px solid var(--col3)
}

hr.attentionTop2 {
	width:95%;
	margin:25px auto 10px auto;
	border-top:1px solid var(--col3);
	border-bottom:1px solid #777
}

hr.attentionBot2 {
	width:95%;
	margin:10px auto 25px auto;
	border-top:1px solid #777;
	border-bottom:1px solid var(--col3)
}

@media (max-width:575px) {
	hr.attentionTop2,
	hr.attentionBot2 {
		width:94%
	}
}

.footerLowerG {
	background-color:#000;
	text-align:left;
	width:100%;
	padding:0;
	margin:0;
	background-image:url(https://www.targacalc.com/images/footer/footer-rain.jpg);	
}

.footerUpper {
	background-color:#000;
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
	border-bottom: solid 1px var(--yellow);
	border-top: solid 1px var(--yellow);
}

@media (max-width:575px) {
	.footerLowerG {
		background-color:#000;
		background-image:url(https://www.targacalc.com/images/footer/footer-rain-mob.jpg);		
	}
}

.footerColumns {
	margin:0 auto;
	max-width:1200px;
	display:grid;
	padding:10px 0;
	grid-gap:60px;
	grid-template-columns:1fr 1fr 1fr
}

.footerList {padding:0 0 0 25px}

@media (max-width:575px) {
	.footerColumns,
	.footerList {display:none}
	.footerMobile {padding:15px 15px 15px 30px;border-top:solid 1px #fff}
}
/* FOOTER END */


.youTubeContainer {
	position:relative;
	overflow:hidden;
	margin:10px auto;
	width:50%;
	padding-top:28%
}

.youTubeIframe {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%
}

@media (max-width:620px) {
	.youTubeContainer {width:90%;padding-top:61%}
}

/* SCREEN WIDTH CONTROL */

@media (max-width:575px) {
	.noMob {display:none}
	.HideForMob {display:none}
	.contactButtons {text-align:center;padding:10px 10px 20px 10px}
}

@media (min-width:576px) {.onlyMob {display:none}}

.onlyMobLandscape{display:none}
/* .noMobLandscape{display:block} */

@media (min-width:576px) AND (max-width:799px){
	.onlyMobLandscape{display:block}
	.noMobLandscape{display:none}
}

.columnTitle {font-weight:700; color: #eee; font-size: 1em; margin: 3px 0}
.columnTitleBlack {font-weight:700; color: #111; font-size: 14pt; margin: 3px 0}
p.topColumnSummaryContainer {color: #000;line-height:155%;font-style: italic}

.breadcrumbs {
	font-size:.875em;
	font-weight:400;
							color:var(--fntLit);
	color:#bbb;
							text-align:right;
	text-align:left;
	padding: 3px 0 0 10px;
	margin: 0;
}

div.lastUpdatedLeftContainer{
	width: 90%;
	max-width: 1200px;
	padding: 0 6px 0 8px;
	margin: 0 auto;
}

@media (max-width:575px) {
	div.lastUpdatedLeftContainer{
		width: 100%;
		padding: 0 6px 0 4px;
		margin: 0 auto;
	}	
}

p.lastUpdatedLeft, p.lastUpdatedRight {
	font-size:.875em;
	color:#999;
	text-align:left;
	padding-bottom:0;
	margin: 0;
}

p.lastUpdatedRight {text-align:right}


/* FONT CONTROLS */
mark {background-color: transparent;color: #db8500}
mark.mark2 {background-color: transparent;color: #489ced}
mark.mark3 {background-color: transparent;color: #715e1f}
mark.mark4 {background-color: transparent;color: #ded68b}

.center {
	text-align: center;
	margin: 20px auto 10px auto;
}

.formConsent {font-size:1em}

.footerText {
	color:#ccc;
	font-size:12pt;
	line-height:1.5em;
	text-decoration:none;
	padding:0;
	margin:0
}

.codeDisplay,
.codeDisplayInline,
.codeDisplayInlineH2 {
	font-family:courier;
	font-size: 12pt;
	margin:5px 10px;
	color:#333;
	line-height: 140%;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px;
	font-weight:400
}

.codeDisplayInline {margin:unset}

@media (max-width:575px) {.codeDisplay,.codeDisplayInline {font-size:0.95em}}

@media (max-width:575px) {.formConsent {font-size:0.95em}}


/* TEXT CONTROL */
p {
	font-size:1em;
	letter-spacing:.4px;
	color:var(--font-color)
}

p.questionnaireContent, .questionResponseText {
	font-size:17px;
	letter-spacing:.4px;
	font-weight: 400;
	line-height: 160%;
	border: none;
	background: none;
	color:var(--font-color);
	text-align: left;
    display: block;
    width: 92%;
}

p.questionnaireContent{font-weight: 600;}
.questionResponseText:hover{color:#dd5f17}

p.cookieText {color:#fff;font-size:1em}
p.blogBoxA {color:var(--blogBoxContentA)}
p.blogBoxB {color:var(--blogBoxContentB)}

h1,h2,h3,h4 {
	font-family:var(--fontFam2);
	color:#999;
	font-size:1.4em;
	text-align:left;
	padding:0
}

h3,h4 {font-size:1.3em}

h1,h2,h3 {
	color:#777;
	font-style:italic
}

h2 {
	color:var(--h2-color);
	font-style:italic
}

h3 {
	padding-bottom:0;
	margin-bottom:4px;
	color:var(--font-color)
}

h3.footerH3 {
	color:#999;
	font-size:1em;
	margin:0;
	padding:0;
	text-decoration:none
}

h3.attention {
	color:var(--font-color);
	font-size:1.3em;
	margin:5px 0;
	font-style:italic;
	text-align:center
}

h3.attention2 {
	color:var(--col2);
	font-size:1.4em;
	margin:5px 6px;
	font-style:italic;
	text-align:center
}

h3.blogTitleH3 {font-size: 1.4em;line-height: 120%;letter-spacing: 1px;font-family: var(--fontFam2);font-style: italic;margin: 10px 20px 15px 0;transition: .5s all ease;font-weight: 700;color: var(--blogBoxTitleA)}

h5	{
	font-size:1em;
	letter-spacing:.4px
}

/* LINK CONTROL */
a {
	color:var(--font-color);
	text-decoration:underline;
	transition:.5s
}
a:hover {color:var(--col3)}

a.breadcrumbs,
a.breadcrumbsL {
	font-size:1em;
	font-weight:400;
					color:var(--fntLit);
	color: #bbb;
	text-decoration:none
}

a:hover.breadcrumbs {color:var(--col5)}

a:link.blogTitle,
a:visited.blogTitle {color:var(--col1);text-decoration:none;font-weight:700}
a:hover.blogTitle {color:#ccc}

a:link.blogTitleLink,a:visited.blogTitleLink {color:var(--blogBoxTitleA);text-decoration:none;font-weight:700}
a:hover.blogTitleLink {color:var(--blogBoxTitleB)}

a:link.blogBoxA,a:visited.blogBoxA {color:var(--blogBoxLinkA);text-decoration:none;font-weight:400}
a:hover.blogBoxA {color:var(--navHover)}

a:link.blogBoxB,
a:visited.blogBoxB {color:var(--blogBoxLinkB);text-decoration:none;font-weight:400}
a:hover.blogBoxB {color:#333}

@media (min-width:576px) AND (max-width:1099px) {
	a:link.blogBoxA, a:visited.blogBoxA {color:var(--blogBoxLinkA)}
	a:link.blogBoxB, a:visited.blogBoxB {color:var(--blogBoxLinkB)}
}

@media (max-width:575px) {
	.breadcrumbs {color:var(--fntLit);text-align:left;margin:0}
	a.breadcrumbs {color:#999;text-decoration:none}
	a:hover.breadcrumbs {color:var(--col2)}
}	

a.normalFooter {color:#ccc;text-decoration:underline}
a:hover.normalFooter {color:var(--col1)}

.smallFooter,
a.smallFooter {
	font-size:12pt;
	line-height:1.5em;
	color:#ccc;
	text-align:center;
	text-decoration:none;
	padding:0;
	margin:0
}
a:hover.smallFooter {color:#099}

.cookie-btn {
	font-size:1.125em;
	margin:3px 0 18px 0;
	border:solid 1px var(--colLit)
}

/* MORE TEXT CONTROLS FOR MOBILE */
@media (max-width:575px) {
	summary {margin-left:20px}

	.smallFooter,
	a.smallFooter {
		font-size:.9em;
		line-height:1.4em;
		color:#ccc;
		text-align:center;
		text-decoration:none;
		padding:6px 0;
		margin:0;
		text-decoration:none
	}
	a:hover.smallFooter {color:#066}

	a.callButton,
	a.mailButton {
	background-color:var(--col2);
	border:solid 1px #fff;
	border-radius:4px;
	text-decoration:none;
	padding:8px 25px;
	margin:5px 14px 35px 10px;
	color:#fff;
	font-weight:700;
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
	box-shadow:5px 5px 5px rgba(0, 0, 0, .5)
	}

	a.callButton {
	background-color:var(--col3);
	margin:5px 10px 35px 14px
	}

	a.callButton:hover,
	a.mailButton:hover {
	background-color:var(--col3);
	color:#fff;
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
	box-shadow:3px 3px 3px rgba(0, 0, 0, .5)
	}

	.mobileNav {line-height:.9em}
}

.revealH2 {
	position:relative;
	transform:translateX(150px);
	opacity:0;
	transition:.4s all ease
}

.revealH2.active {
	transform:translateX(0);
	opacity:1
}

.revealText {
	position:relative;
	transform:translateY(150px);
	opacity:0;
	transition:.9s all ease
}

.revealText.active {
	transform:translateY(0);
	opacity:1
}

.revealText2 {
	position:relative;
	transform:translateY(175px);
	opacity:0;
	transition:.9s all ease
}

.revealText2.active {
	transform:translateY(0);
	opacity:1
}

.revealText3 {
	position:relative;
	transform:translateY(200px);
	opacity:0;
	transition:.9s all ease
}

.revealText3.active {
	transform:translateY(0);
	opacity:1
}

.revealText4 {
	position:relative;
	transform:translateY(225px);
	opacity:0;
	transition:.9s all ease
}

.revealText4.active {
	transform:translateY(0);
	opacity:1
}

@media screen AND (max-width:991px) {
	.revealH2 {
		position:relative;
		transform:unset;
		opacity:1;
		transition:1s all ease
	}
	.revealH2.active {
		transform:unset;
		opacity:1
	}
}

@media (max-width:575px) {
	.revealH2 {
		position:relative;
		transform:translateX(200px);
		opacity:1;
		transition:1s all ease
	}
}

.faqQuestion {color:var(--font-color)}

.info-section {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.8s ease, opacity 0.8s ease;
}

.info-section.open {
	max-height: 1500px;
	opacity: 1;
}

@media (max-width:575px) {
	.info-section.open {
	height:auto;
	max-height: unset;
	opacity: 1;
	}
}

.faq-answer-display {
	margin: 5px 10px 5px 0px;
	padding: 5px 10px 5px 25px;	
	background-color: transparent;
	border: solid 0 transparent;
}

@media (max-width:640px){
	.faq-answer-display{
		margin: 5px 10px 5px 0px;
		padding: 5px 5px 5px 0;
		background-color: transparent;
		height:auto}
}

.faqsBoxInPage{
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	background-color: transparent
}

.faqsDisplayBox{
	margin: 5px 20px 5px 20px;
	padding: 2px 5px 2px 0;
	background-color: transparent;
	border:solid 1px var(--contentBoxBorder);
	border-radius:8px}

@media (max-width:640px){
	.faqsBoxInPage {
		margin: 1px 5px 8px 5px;
		padding: 0 5px 5px 2px;
		height:auto;
		background-color: transparent;
		background-image:unset;
	}
	.faqsDisplayBox{
	margin: 5px 10px 5px 10px;
	padding: 2px 10px 2px 0;
	}
}

.mainQuestionsBox1,
.moreQuestionsBox {
	border:solid 1px var(--contentBoxBorder);
	border-radius:8px;
	margin:20px 25px 35px 25px;
	padding:8px 6px 5px 6px;
	background:var(--contentBoxGradientWebkit);
	background:var(--contentBoxGradientMoz);
	background:var(--contentBoxGradient);
	background:#ccc;
	color:#bbb
}

.serviceType {
	color:var(--col5);
	padding:0 30px
}

@media (max-width:575px) {
	.serviceTitle {
		display:inline;
		font-family:var(--fontFam);
		color:var(--whiteHighlight);
		padding:0 10px 0 0;
		font-weight:400;
		font-size:13pt
	}
	.serviceType {color:#999;padding:0 15px 0 5px}
}


/* DGHXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.mainQuestionsBox1 {
	background:#183f66;
	margin: 0px 25px 15px 25px;
	color:#eee
}

.moreQuestionsBox {
	background:#ccc;
	background:var(--contentBoxGradientWebkit);
	background:var(--contentBoxGradientMoz);
	background:var(--contentBoxGradient);
	color:#bbb
}



@media (max-width:575px) {
	.mainQuestionsBox1,.moreQuestionsBox {margin:8px 1px 35px 1px}
}

/* FAQ box overlay */
.faqBoxInOverlay {
	border:solid 3px #183f66;
	border-radius:8px;
	margin:0;
	padding:2px 20px 5px 20px;
	background:var(--faqOverlayBG);
	background:var(--contentBoxGradient);
	background:#eee;
	color:var(--font-color);
}

.faqBoxInOverlay>p>a.faqContentLink {color:#066}
.faqBoxInOverlay>p>a.faqContentLink:hover {color:#099}
.faqBoxInOverlay>ul>li>a.faqContentLink {color:#066}
.faqBoxInOverlay>ul>li>a.faqContentLink:hover {color:#099}

details[open] summary~* {animation:fadeOpen 1s ease-in}

@keyframes fadeOpen {
	0% {opacity:0}
	100% {opacity:1}
}

.faqsBox{
	margin: 10px 10px 20px 25px;
	background-color: #eee;
	background-image:linear-gradient(to bottom right, rgba(24, 63, 102, 0), rgba(49, 107, 164, .1));
	padding: 5px 10px 5px 0;
	border: solid 1px #183f66
	}	

@media (max-width:640px){
	.faqsBox{
		margin: 5px 5px 30px 5px;
		padding: 5px 5px 5px 0;
		background-color: #fff;
		background-image:linear-gradient(to bottom right, rgba(24, 63, 102, 0), rgba(49, 107, 164, .2));
		border-right: solid 1px #333;
		border-bottom: solid 1px #333;
		height:auto;
		}	
}


@media (max-width:575px) {
	summary {
		list-style:none;
		font-size:13pt;	
		padding-left:0;
		margin-left:0
	}
}

/* MODE SCHEME SLIDER */
.modeSwitch {
	display:inline-block;
	height:22px;
	position:relative;
	width:50px
}

.modeSwitch input {display:none}

.slider {
	background-color:#333;
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	right:0;
	top:0;
	transition:.9s all ease;
	border:solid 2px #999
}

.slider:before {
	background-color:#fff;
	bottom:2px;
	content:"";
	height:14px;
	width:14px;
	left:2px;
	position:absolute;
	transition:.9s all ease
}

input:checked+.slider {
	background-color:#fff;
	border:solid 2px #999
}

input:checked+.slider:before {
	transform:translateX(27px);
	background-color:#000
}

@media (max-width:575px) {
	input:checked+.slider:before {
		transform:translateX(18px);
		background-color:#000
	}
}

.slider.round {border-radius:28px}
.slider.round:before {border-radius:50%}


/* BUTTONS - NEW */

.buttonInPanel {
	background:var(--col3);
	border:solid 1px var(--buttonBorderWhite);
	border-radius:8px;
	font-size:13pt;
	cursor:pointer;
	text-decoration:none;
	color:#eee;
	margin:200px 0;
	padding:8px 16px;
	transition:.5s
}

.buttonInPanel:hover {
	background:var(--col1);
	color:#fff;
	text-shadow:0 0 30px #fff
}

.buttonBannerLP {
	display: inline-block;
	padding: 4px 16px;
	background-color: var(--col3);
	margin: 3px 10px;
	color: #fba621;
	text-align: center;
	text-decoration: none;
	border: solid 1px var(--colLit);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}

.buttonBannerLP:hover {
	color: #fba621;
	border: solid 1px #fba621;
}

@media (max-width:575px) {
	.buttonBannerLP {
		margin: 0px 10px;
		background-color: var(--col1);
		float:right;
		color: #fff;
		padding: 1px 9px;
	}
}

.buttonMaster {
	display: inline-block;
	padding: 5px 16px;
	background-color: var(--col3);
	margin: 3px 10px;
	color: #eee;
	text-align: center;
	text-decoration: none;
	border: solid 1px var(--colLit);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	box-shadow:5px 5px 8px rgba(102, 102, 102, .5);
	transition: transform 0.1s, box-shadow 0.3s;
}

.buttonMaster::before {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.1);
	transform: skewX(-20deg) translateX(-100%);
	transition: transform 0.6s;
	color: #ffd60d;
}

.buttonMaster:hover {
	color: #ffd60d;
	border: solid 1px #fff;
	box-shadow:2px 2px 3px rgba(102, 102, 102, .5);
}

.buttonMaster:hover::before {
	transform: skewX(-20deg) translateX(0);
	box-shadow:5px 5px 8px rgba(102, 102, 102, .5);
}

.buttonMaster:active::before {transform: skewX(-20deg) translateX(-100%)}

.buttonMaster:active {
	box-shadow:5px 5px 8px rgba(102, 102, 102, .5);
	transform: translateY(0);
}

.buttonLightBlue {
	background:var(--col3);
	color:var(--buttonLightBlueText)
}

.buttonLightBlue:hover {
	background:var(--buttonLightBlueHov);
	color:#fff;
	text-shadow:0 0 2px #fff
}

img.imageInContent100pc,img.inContentImage90pc,img.inContentImage80pc, img.inContentImage80pcNoBorder,img.inContentImage70pc, img.inContentImage70pcNoBorder {
	display: block;
	width:99%;
	margin:25px auto;
	height:auto;
	border:solid 2px #ccc;
	border-radius:8px
}

img.inContentImage90pc {width:90%}
img.inContentImage80pc, img.inContentImage80pcNoBorder {width:80%}
img.inContentImage70pc, img.inContentImage70pcNoBorder {width:70%}
img.inContentImage80pcNoBorder {width:80%;border:solid 0 transparent}
img.inContentImage70pcNoBorder {width:70%;border:solid 0 transparent}

@media (max-width:575px) {
	img.inContentImage90pc {width:95%}
	img.inContentImage80pc,img.inContentImage80pcNoBorder,img.inContentImage70pc, img.inContentImage70pcNoBorder {width:90%}
}

.mainContentPanelOuterGen2 {
	height:100%;
	width:100%;
	padding:70px 0 0 0;
	border-bottom:solid 5px #22598f;
	border-bottom:solid 2px #000;
	margin-top:50px
}

@media (max-width:575px) {
	.mainContentPanelOuterGen2 {
		height:100%;
		width:100%;
		padding: 0px;
		margin:0px
	}
}

.introPanelGen2  {
	height:100%;
										/* min-height:300px;*/
	height:400px;
	width:100%;
			max-width:1280px;
	max-width:980px;  /* DGH H1 width */
	margin:0 auto 0 50px;
	padding:25px 10px 10px 10px;
										/* border:solid 1px pink; */
	background:transparent
}

@media (min-width:576px) AND (max-width:799px) {
	.introPanelGen2  {height:340px;}
}

@media (max-width:575px) {
	.introPanelGen2 {
		margin:0;
		height:300px;
		padding:60px 10px 10px 0px
	}
}

.mainContentPanel,
.topPanelBG,
.faqIntroPanel
 {
	height:100%;
	width:100%;
	margin:0 auto;
	padding: 10px 30px 30px 30px;
	background:#fff
}

.faqIntroPanel {padding:1px 30px 1px 30px}

.topPanelBG {
	padding:10px 30px 5px 30px;
	background:#fff
}

@media (max-width:575px) {
	.mainContentPanel {
		padding: 0;
		margin:0
	}
	.topPanelBG,
	.faqIntroPanel	{
		margin:0;
		padding:0;
		background:#fff
	}
}

div.codeDisplayBox,div.displayBox0,div.displayBox1,div.displayBox2,div.displayBox3 {
	width: 95%;
	background-color: rgb(255, 255, 255);
		Xbackground-image: linear-gradient(to left top, rgba(102, 102, 102, 0.2), rgba(102, 102, 102, 0.1));
	border-width: 1px;
	border-style: solid;
	border-color: rgb(102, 102, 102);
	border-image: initial;
	border-radius: 5px;
	padding: 12px 10px;
	margin: 10pt auto;
}

div.displayBox0,div.displayBox1,div.displayBox2,div.displayBox3 {
	background-image: unset;
	background-color: unset;
	background-color: var(--boxShade2)
	}	
	
div.displayBox0 {background-color: var(--boxShade0)}
div.displayBox1 {background-color: var(--boxShade1)}
div.displayBox2 {background-color: var(--boxShade2)}
div.displayBox3 {background-color: var(--boxShade3)}
div.displayBox3 > .boxHeading {color: #fff}
div.displayBox3 > ul > li {color: #fff}
div.displayBox3 > ul > li > mark {color: #ffce81}
div.displayBox3 > p {color: #fff}
div.displayBox3 > p > mark {color: #ffff00}

@media (max-width:575px){div.codeDisplayBox,div.displayBox1,div.displayBox2,div.displayBox3{width:100%;padding:2px 6px}}

.panelBoxContainerR,
.panelBoxContainerReviews,
.panelBoxContainerTop {
	display:flex;
	max-width:1200px;
	margin: 15px auto 25px auto
}

.panelBoxContainerL {
	display:flex;
	flex-direction:row-reverse;
	max-width:1200px;
	margin: 15px auto 25px auto
}

.panelBoxContainerTop {
	padding:0;
	margin: 10px auto 25px auto
}

.panelBoxContainerR>div,
.panelBoxContainerL>div,
.panelBoxContainerReviews>div,
.panelBoxContainerTop>div {
	font-size:30px;
	width:50vw;
}

@media (max-width:575px) {
	.panelBoxContainerR,
	.panelBoxContainerL,
	.panelBoxContainerReviews,
	.panelBoxContainerTop {
		flex-direction:column;
		margin: 15px auto 10px auto;
		width:100%
	}
	.panelBoxContainerTop {
		margin:0;
		padding:0
	}
}

.panelBoxContentR,
.panelBoxContentL,
.panelBoxContentTop {
	padding:10px;
	margin:20px 30px 20px 0px;
	border:solid 1px var(--contentBoxBorders);
	background-color:#eee;
	box-shadow:5px 6px 3px #ccc
}

.panelBoxContentL {margin:20px 0px 20px 30px}
.panelBoxContentReviews {margin:20px 0px 20px 30px}

.panelBoxFAQTop {
	padding:10px;
	margin:20px 30px 20px 0px;
	border:solid 0 transparent;
	background-color:transparent;
	box-shadow: none
}

@media (max-width:575px) {
	.panelBoxContentR,
	.panelBoxContentL,
	.panelBoxContentReviews,
	.panelBoxFAQTop	{
		margin:20px 0px 0px 0px;
		box-shadow:unset
	}
	.panelBoxContentTop {
		margin:0;
		box-shadow:unset
	}
	.panelBoxContainerR>div,
	.panelBoxContainerL>div,
	.panelBoxContainerReviews>div,
	.panelBoxContainerTop>div {width:100%}
	.panelBoxContentReviews	{margin:20px 0px 0px 3px}
}

.panelBoxImg {
	width:100vw;
	min-width:300px;
	padding:0px;
	margin:20px 0px 20px 0px
}

@media (max-width:575px) {
	.panelBoxImg {
		width:100%;
		margin:0px 0px 0px 0px
	}
}

img.panelImage,
img.panelImageTop {
	display:block;
	width:100%;
	height:auto;
	max-width:900px;
	margin:0;
	box-shadow:5px 6px 3px #ccc;
}

@media (max-width:575px) {
	img.panelImage,
	img.panelImageTop {
		width:100%;
		margin:0 0 30px 0;
		box-shadow:unset;
	}
	img.panelImageTop {margin:0}
}

img.frameImage {
	display:block;
	width:100%;
	height:auto;
	max-width:900px;
	margin:0;
}

@media (max-width:575px) {
	img.frameImage {
		width:100%;
		margin:0 0 30px 0;
		box-shadow:unset;
	}
}

h1.mainHeading,h1.mainHeadingNoBreadcrumbs {
	font-family:var(--fontFam);
			padding:4vh 20px 0px 0px;
			padding:3.4vh 20px 0px 0px;
	padding: 0 20px 0px 0px;
			font-size:3.1em;
	font-size:2.5em;
	letter-spacing:2px;
	line-height:130%;
	font-weight:400;
	color:rgba(255, 255, 255, .8);
	text-shadow: 3px 3px 2px #3339;	
	margin:0;
	text-align:left;
}

h1.mainHeadingNoBreadcrumbs {padding: 20px 20px 0px 0px;}

@media (min-width:576px) AND (max-width:799px) {
	h1.mainHeading {
		font-size:2em
		}
	}
	
@media (min-width:800px) AND (max-width:1099px) {
	h1.mainHeading {
		font-size:3.2em
		}
	}

@media (max-width:575px) {
	h1.mainHeading {
		padding:40px 5px 0 16px;
		color:rgba(255, 255, 255, .9);
		font-size:1.8em;
	}
	h1.mainHeadingNoBreadcrumbs {padding:40px 5px 0 16px;}
}


h2.mainIntro {
	font-family:var(--fontFam);
	padding:3vh 20px 40px 40px;
			font-size:1.9em;
	font-size:1.7em;
	line-height:160%;
	letter-spacing:2px;
	font-weight:400;
	color:rgba(255, 255, 255, .7);
	margin:0;
	text-align:left
}

@media (max-width:575px) {
	h2.mainIntro {
		padding:10px 10px 20px 35px;
		color:rgba(255, 255, 255, .8);
		text-shadow: 3px 3px 2px #2229;
		font-size:1.5em;
		line-height:150%;
	}
	h3.blogTitleH3 { color: #fff; margin: 0 20px 15px 0}
}

@media (min-width:576px) AND (max-width:799px) {
	h2.mainIntro {
		padding:10px 180px 20px 25px;
		font-size:1.5em;
		line-height:130%
	}
}

@media (min-width:800px) AND (max-width:999px) {
	h2.mainIntro {
		padding:10px 160px 20px 25px;
		font-size:2em;
		line-height:130%
	}
}

@media (min-width:1000px) AND (max-width:1299px) {
	h2.mainIntro {
		padding:10px 180px 20px 25px;
		font-size:2em;
		line-height:130%
	}
}

h2.captionHeading,
h2.boxHeading,
h3.boxHeading,
h4.boxHeading,
h3.QuestionStyle,
h2.sectionHeadingH2 {
	padding:5px 5px 5px 5px;
	font-size:18pt;
	text-decoration:none;
	letter-spacing:1px;
	line-height:150%;
	font-weight:700;
	color:#22598f;
	margin:0;
	text-align:left
}

h2.sectionHeadingH2 {
	color:#fff;
	padding:2px 2px 2px 8px
}

h2.sectionHeadingFAQ,
h2.sectionHeadingFAQIntent {
	color:#22598f;
	padding:2px 2px 2px 20px
}
h2.sectionHeadingFAQIntent {padding:2px 2px 2px 30px}

h2.captionHeading {font-size:17pt}

h3.boxHeading {
	font-size:1.3em;
	padding:12px 5px 10px 30px
}

h4.boxHeading {
	font-size:1.1em;
	padding:12px 5px 5px 30px;
	color:#666
}

h3.QuestionStyle {
	font-size:1.3em;
	color:#fba621;
	padding:12px 5px 12px 12px
}

@media (max-width:575px) {
	h2.captionHeading {font-size:16pt}
	h3.boxHeading {padding:12px 5px 0 5px}
	h4.boxHeading {padding:12px 5px 0 5px}
	h2.sectionHeadingFAQ {padding:2px 2px 2px 10px}
	h2.sectionHeadingFAQIntent {padding:2px 2px 2px 10px}
}

.reviewerName,
.faqContent,
.pageContentBox,
.panelContent,
.panelContentIndent,
.panelContentIndentPlus,
.HPIntro,
.introPara,.introParaL,.introParaPlus {
	padding:8px 30px 10px 30px;
	font-size:17px;
	letter-spacing:1px;
	line-height:160%;
	color:#22598f;
	margin:0;
	text-align:left;
}

.reviewerName {padding:8px 30px 10px 5px}
.faqContent {padding:8px 30px 10px 20px}
.HPIntro {font-size:18px;}

.panelContentIndent {padding-left:42px}
.panelContentIndentPlus {padding-left:50px}

@media (max-width:575px) {
	.pageContentBox {
		padding-left:10px;
		max-width:280px;
	}
}

.contentGen2 {color:#22598f}

.introPara,.introParaL,.introParaPlus,.HPIntro {
	font-weight:700;
	font-style:italic;
	line-height:175%;
	padding:5px 30px 15px 30px
}
.introParaL,.introParaPlus {font-size:18px}

@media (max-width:575px) {
	
	.introPara,.introParaL {
		font-size:17px;
		padding:5px 30px 15px 10px
	}
	
	.introParaPlus {
		font-size:18px;
		padding:6px 10px 5px 8px
	}
	
	.faqContent {
		padding:10px 8px 5px 10px;
		font-size:17px;
		line-height:170%
	}
	
	
	.panelContent,
	.panelContentIndent,
	.panelContentIndentPlus	{
		padding:18px 8px 5px 10px;
		font-size:17px;
		line-height:170%
	}
}

h3.h3PriceSwitch {
	font-size:12pt;
	margin: 0;
	padding: 0 0 0 40px;
	line-height:100%;
	letter-spacing: 1px;
	color:rgba(255, 255, 255, .8);
}



h3.expanderTitle,
h4.faqQuestion {
	font-family: var(--fontFam);
	font-size:14pt;
	line-height:170%;
	margin: 0;
	padding-left: 20px;
	padding-top:0;
	padding-bottom:0;
	color:#22598f}

h4.faqQuestion:hover {color:#fba621}

@media (max-width:575px) {
	h3.expanderTitle,h4.faqQuestion {padding-left: 10px}
}

.ulGen2,
.olGen2,
.olGen2Bold {
	margin:10px 0 20px 30px;
	color:#22598f;
}

.ulGen2>li,
.olGen2>li,
.olGen2Bold>li {
	font-size:17px;
	letter-spacing:1px;
	line-height:150%;
	font-weight:400;
	color:#22598f;
}

.olGen2Bold>li {
	font-size:17px;
	font-weight:700;
}

li {
	padding:2px 10px 5px 5px;
	transition:.5s all ease;
	color:var(--font-color)
}

ol>li {
	list-style-image:unset;
	padding:2px 10px 5px 5px;
	transition:.5s all ease;
	color:var(--font-color)
}

li:hover {list-style-image:linear-gradient(to left top, #000, #22598F)}

li.HPlist {font-size:18px;}

ul.noBullet > li {list-style-type: none;list-style-image:unset}

@media (max-width:575px) {
	.ulGen2,
	.olGen2,
	.olGen2Bold  {margin:10px 0 20px 5px}
	li.HPlist {font-size:17px;}
}

div.formContainer {
	border:solid 1px var(--col2);
	border-radius:10px;
	background-color:var(--col5);
	padding:15px;
}

.linkStd {color:#083378}
.linkStd:hover {color:#555}

.contentBoxBR,
.contentBoxTL,
.contentBoxTRBL,
.contentBoxALL,
.contentBoxFAQs,
.contentBoxNone,
.contentBoxNoBG,
.embededHeading {
	width:90%;
	max-width:1200px;
	padding:12px 6px 18px 12px;
	margin:5px auto 20px auto;
}

.contentBoxNone {padding:12px 0 18px 0;}

.contentBoxFAQs {
	border:solid 1px var(--contentBoxBorders);
	background-color: var(--GoldPanelLev1);
	padding-top:40px;
	box-shadow:5px 6px 3px #ccc;
}

/*
.promoBox {
	width:90%;
	max-width:1200px;
	padding:0 15px;
	margin:5px auto 20px auto;
	border:solid 1px var(--contentBoxBorders);
	background-image:linear-gradient(to bottom right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.1));
	box-shadow:5px 6px 3px #ccc;
}

@media (max-width:575px) {
	.promoBox {
		width:100%;
		padding:10px 5px 6px 10px;
		margin:20px 0 20px 0;
		border-top:solid 1px var(--contentBoxBorders);
		border-bottom:solid 1px var(--contentBoxBorders);
		border-left:solid 0 transparent;
		border-right:solid 0 transparent;
		background-image:linear-gradient(to bottom right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.1));
		box-shadow: 0 0 30px 15px rgba(47, 54, 64, .9);
	}
}
*/

div.splitContentBoxA,div.splitContentBoxB {
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 10px auto;
	padding: 0
}

div.splitContentBoxA div {margin: 0}
div.splitContentBoxB div {margin: 0}
div.splitContentBoxCaptionHolder {width: 40%}
div.splitContentBoxContentHolder {width: 60%}

div.splitContentBoxCaption {
	background-color: transparent;
	padding: 5px 12px;
	width: 100%
}

div.splitContentBoxPanel {
	background-color: var(--boxShade2);
	border: solid 1px rgb(102, 102, 102);
	border-radius: 5px;
	padding: 12px 5px;
	margin: 10pt auto;
}

div.CaptionPaddingA {padding-left: 5px}
div.CaptionPaddingB {padding-left: 40px}

@media only screen and (max-width:575px){
	div.splitContentBoxA,div.splitContentBoxB {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 10px 0;
	}
	div.splitContentBoxB {flex-direction:column-reverse}
	div.splitContentBoxA div {margin: 3px auto}
	div.splitContentBoxB div {margin: 3px auto}
	div.splitContentBoxCaptionHolder {width: 96%;margin: 50px auto;}
	div.splitContentBoxContentHolder {width: 96%;margin: 0 auto;}
	div.CaptionPaddingA {padding-left: 4px}
	div.CaptionPaddingB {padding-left: 4px}
}

section.pageContentListContainer {
	background-image:url("../images/web-images/compass-L.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-position-x: 125%;
	background-position-y: 15%
}

section.pageContentListContainerNoImage {
	/* background-image:url("../images/web-images/compass-L.jpg");
	background-repeat: no-repeat;
	background-position: right top; */
	background-position-x: 125%;
	background-position-y: 15%
}

section.otherContentListContainer {
	background-image:url("../images/web-images/sign-more-stuff-perspective.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-position-x: 5px;
	background-position-y: 140%
}

@media (max-width:575px) {
	section.pageContentListContainer {
	background-image:url("../images/web-images/compass-S.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-position-x: 250px;
	background-position-y: -50px
	}
	
	section.otherContentListContainer {
	background-image:url("../images/web-images/sign-more-stuff-perspective.png");
	background-image:unset;
	background-repeat: no-repeat;
	background-position: right top;
	background-position-x: 125%;
	background-position-y: 15%
	}
}

/* PAGECONTROL: BLOGS start */
section.blogSection {padding-top:20px}
.postPanel {display:flex;border-top:solid 2px #fff;border-bottom:solid 2px #fff;border-image:linear-gradient(270deg, #bbb, #777) 1}
.postPanel>div {width:60%;margin:0;padding:0}

@media (max-width:575px) {
	.postPanel {display:flex;flex-direction:column;background:0 0;margin: 25px 0 50px 0;border-image:unset;border-top:solid 1px #333;border-bottom:solid 1px #333;box-shadow:0 5px 8px rgba(47, 54, 64, .9)}
}

@media (min-width:576px) AND (max-width:1099px) {
	.postPanel {padding:0}
}
/*
div.blogBoxA,div.blogBoxB {
	background-image:var(--contentBoxBG);
	margin:0;
	padding:5px 25px 5px 15px;
	text-align:left
}
*/

div.blogBoxA,div.blogBoxB {
	background:var(--blogBoxBaseColourA);
	background-image:var(--blogBoxBGA);
	margin:0;
	padding:5px 25px 5px 15px;
	text-align:left;
	color:var(--blogBoxContentA)
}

div.blogBoxB {background:var(--blogBoxBaseColourB);background-image:var(--blogBoxBGB);color:var(--blogBoxContentB)}

@media (max-width:575px) {
	section.blogSection {padding-top:0px;padding-top:0px}
	div.blogBoxA,
	div.blogBoxB {background:var(--blogBoxBaseColourA);background-image:var(--blogBoxBGA);width:100%;margin:0;padding:5px 25px 5px 15px;text-align:left;color:var(--blogBoxContentA)}
	div.blogBoxB {background:var(--blogBoxBaseColourB);background-image:var(--blogBoxBGB);color:var(--blogBoxContentB)}
}

@media (min-width:576px) AND (max-width:1099px) {
	div.blogBoxA {background:var(--blogBoxBaseColourA);background-image:var(--blogBoxBGA)}
	div.blogBoxB {background:var(--blogBoxBaseColourB);background-image:var(--blogBoxBGB)}
}

.articlePanelHeight {height:4000px}
@media (max-width:575px) {.articlePanelHeight {height:9800px}}





div.headerIntroImage {background:var(--contentBoxBG);width:45%;margin:0;padding:0;background-image:var(--contentBoxBGRev)}

@media (max-width:575px) {
	div.headerIntroImage {background:#000;width:100%;margin:0;padding:0}
}

img.headerImg {display:block;width:100%;margin:0;max-width:500px;height:auto}
@media (max-width:575px) {img.headerImg {margin:0;width:100%;max-width:500px;height:auto}}
@media (max-width:1100px) {img.headerImg {margin:10px auto 8px auto;width:90%;max-width:260px;height:auto}}
@media (min-width:576px) AND (max-width:1099px) {
	.headerIntroImage {align-items:right;padding:0}
	img.headerImg {margin:0;float:right;width:100%;max-width:260px;height:auto}
}



/* PAGECONTROL: BLOGS end */


div.sectionHeading,
div.sectionHeadingEmbeded {
	width:90%;
	max-width:1200px;
	padding:6px 6px;
	margin:25px auto 12px auto;
	background-image:linear-gradient(to right, rgba(102, 102, 102, 0.8), rgba(102, 102, 102, 0.15));
	border-left:solid 6px #22598f;
	border-top:solid 0 transparent;
	border-right:solid 0 transparent;
	border-bottom:solid 0 transparent;
	border-style:double;
}

/*
div.pageContentHeading {
	background-image:linear-gradient(to right, rgba(0, 21, 42, 1), rgba(102, 102, 102, 0.15));
	border-bottom:solid 1px #22598f;
	border-bottom:solid 1px var(--yellow);
}
*/

div.sectionHeadingEmbeded {
	width:100%;
	padding:6px 6px;
	margin:0 0 25px 0;
}

@media (max-width:575px) {
	div.sectionHeading,
	div.sectionHeadingEmbeded {
		width:100%;
		padding:6px 6px 6px 0;
		margin:0 0 14px 0;
		background-image:linear-gradient(to right, rgba(102, 102, 102, 0.7), rgba(102, 102, 102, 0.3));
	}
}

.contentBoxBR {
	border-right:solid 1px var(--contentBoxBorders);
	border-bottom:solid 1px var(--contentBoxBorders);
	border-top:solid 0 transparent;
	border-left:solid 0 transparent;
	background-image:linear-gradient(to bottom right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.1));
	box-shadow:5px 6px 3px #ccc;
}

.contentBoxTL {
	border-top:solid 1px var(--contentBoxBorders);
	border-left:solid 1px var(--contentBoxBorders);
	background-image:linear-gradient(to bottom right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.1));
	box-shadow:5px 6px 3px #ccc;
}

.contentBoxTRBL,.contentBoxALL {
	border:solid 1px var(--contentBoxBorders);
	background-image:linear-gradient(to bottom right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.1));
	box-shadow:5px 6px 3px #ccc;
}

.contentBoxNoBG {
	border-right:solid 1px var(--contentBoxBorders);
	border-bottom:solid 1px var(--contentBoxBorders);
	border-top:solid 0 transparent;
	border-left:solid 0 transparent;
	box-shadow:5px 6px 3px #ccc;
	padding:0 0 18px 8px;
	margin:0 auto 20px auto;
}

.contentBoxColour0 {background-image:linear-gradient(to bottom right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.3))}
.contentBoxColour1 {background-image:linear-gradient(to bottom right, rgba(230, 185, 184, 0), rgba(230, 185, 184, 0.9))}
.contentBoxColour2 {background-image:linear-gradient(to bottom right, rgba(242, 221, 220, 0), rgba(242, 221, 220, 0.9))}
.contentBoxColour3 {background-image:linear-gradient(to bottom right, rgba(182, 221, 232, 0), rgba(182, 221, 232, 0.9))}
.contentBoxColour4 {background-image:linear-gradient(to bottom right, rgba(219, 238, 243, 0), rgba(219, 238, 243, 0.9))}
.contentBoxColour5 {background-image:linear-gradient(to bottom right, rgba(182, 221, 232, 0), rgba(182, 221, 232, 0.9))}
.contentBoxColour6 {background-image:linear-gradient(to bottom right, rgba(219, 238, 243, 0), rgba(219, 238, 243, 0.9))}
.contentBoxColour7 {background-image:linear-gradient(to bottom right, rgba(252, 213, 180, 0), rgba(252, 213, 180, 0.9))}
.contentBoxColour8 {background-image:linear-gradient(to bottom right, rgba(253, 233, 217, 0), rgba(253, 233, 217, 0.9))}
.contentBoxColour9 {background-image:linear-gradient(to bottom right, rgba(204, 192, 218, 0), rgba(204, 192, 218, 0.9))}
.contentBoxColour10 {background-image:linear-gradient(to bottom right, rgba(229, 224, 236, 0), rgba(229, 224, 236, 0.9))}

.embededHeading {padding:0 6px 15px 0}

.contactAndCalendarContainer {border-left:solid 1px #22598f}

@media (max-width:575px) {
	.contentBox1,
	.contentBoxTL,
	.contentBoxTRBL,
	.contentBoxALL,
	.contentBoxFAQs,
	.contentBoxBR {
		width:100%;
		padding:10px 5px 6px 10px;
		margin:5px 0 10px 0;
		border-top:solid 0 transparent;
		border-bottom:solid 1px var(--contentBoxBorders);
		border-left:solid 0 transparent;
		border-right:solid 0 transparent;
		background-image:linear-gradient(to bottom right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.1));
		box-shadow:unset
	}
	.contentBoxNone,.contentBoxNoBG {
		margin:5px 0 0 0;
		padding:0 0 0 0;
		width:100%;
		border-right:solid 0 transparent;
		border-bottom:solid 0 transparent;
		border-top:solid 0 transparent;
		border-left:solid 0 transparent;
		box-shadow:unset
		}
	
	.contentBoxFAQs {
		background-color: var(--GoldPanelLev1);
		border-top:solid 1px var(--contentBoxBorders);
		padding-top:40px
	}
	
	.embededHeading {padding:0 0 6px 0}
}

.introPanelSpacing{margin-top: 30px;margin-bottom: 50px}

@media (max-width:575px) {
	.introPanelSpacing{width:100%;padding-top: 20px;margin-top: 0px;margin-bottom: 25px;margin-left: 0px;margin-right: 0px}
	}

.ideaPanel {
    border: solid 1px #22598f;
    border-radius: 8px;
    padding: 5px 12px 6px 5px;
    margin: 5px 30px 5px 50px;
    background-color: #5f89b1;
}

@media (max-width:575px) {
.ideaPanel {
    border: solid 1px #22598f;
    padding: 5px 12px 6px 6px;
    margin: 5px 15px 5px 15px;
	}
}

.ideaContent {color: #fff}
ul > li.ideaContent {color: #fff}

@media (max-width:575px) {ul > li.ideaContent {margin-left:12px;padding-bottom:10px}}


.tableContainer3Col {
	display: flex;
	background-color: transparent;
	flex-direction: column;
	width: 60%;
	margin: 15px auto 30px auto;
}

.tableContainer3Col div {
	background-color: transparent;
	margin: 0px;
}

.tableRow {display: flex}

.tableRow div {
	margin: 0px;
	padding: 5px;
	font-size: 16px;
}

div.col1, div.col2, div.col3 {padding: 8px 3px 8px 14px}
.col1 {width:200px}
.col2 {width:300px}
.col3 {width:300px}

div.shade1 {background-color: #bbb;font-weight:700}
div.shade2 {background-color: #ccc}
div.shade3 {background-color: #ddd}

@media (max-width: 768px) {
	.tableContainer3Col {
	flex-direction: column;
	width: 100%;
	margin: 15px auto;
	}
	.tableContainer3Col div {
		margin: 0px;
		padding: 4px;
		font-size: 14px;
	}
	div.col1, div.col2, div.col3 {padding: 12px 8px; text-align: center; line-height:110%}
}


img.helpIcon {margin-left:10px;width:16px;height:16px}
@media (max-width:575px) {img.helpIcon {width:16px;height:16px}
}



/* Promo panel A */
.promoPanelx2 {
	display: flex;
	margin: 10px 0;
	padding: 0;
	background-color:#183f66;
	background-image: linear-gradient(205deg, #183f66f0 10%, rgb(167 167 166 / 40%) 20%, #183f6685 30%, #183f66c7 70%, rgb(223 223 223 / 48%) 80%, #183f66e3 90%);
	border-radius: 12px
}

.promoPanelx2 > .div1,.promoPanelx2 > .div2 {
	width:50%;
	margin: 15px;
	padding: 10px;
}

.promoPanelx2 > .div2 {
	padding: 15px 20px;
	align-content: left;
	background-color: rgb(255 255 255 / 40%);
	border-radius: 8px
}

p.promoGrabber {
	color:#fff;
	font-size: 45px;
	line-height: 130%;
	margin: 25px
	}

p.promoGrabberSmall {
	color:#fff;
	font-size: 40px;
	line-height: 130%;
	margin: 25px
	}
	
p.promoLine1 {
	color:#fff;
	font-size: 30px;
	line-height: 150%;
	margin: 25px
	}
p.promoLine2 {
	color:#fff;
	font-size: 18px;
	margin: 25px
	}
p.promoLine3 {
	color:#fff;
	font-size: 18px;
	margin: 25px
	}	
p.promoDesc {
	color:#fff;
	font-size: 18px;
	margin: 25px
	}	
p.promoPrice {
	color:#fff;
	font-size: 80px;
	margin: 50px
	}
	
.promoButton {
    background: var(--col2);
    border: solid 1px var(--buttonBorderWhite);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    color: #eee;
    transition: .5s;
    margin: 5px 0 5px 10px;
    padding: 8px 15px;	
}

.promoButton:hover {
	background: var(--col3);
	color: #eee
}	
	
@media (max-width:575px) {
	.promoPanelx2 {
		display: flex;
		flex-direction: column;
		margin: 10px 5px;
		background-color:#183f66;
		background-image: linear-gradient(205deg, #183f66f0 10%, rgb(167 167 166 / 40%) 20%, #183f6685 30%, #183f66c7 70%, rgb(223 223 223 / 48%) 80%, #183f66e3 90%);
		border-radius: 12px
	}
	
	.promoPanelx2 > .div1,.promoPanelx2 > .div2 {
		width:96%;
		margin: 0px auto 7px auto;
		padding: 10px;
	}
	
	.promoPanelx2 > .div2 {
		padding: 8px 8px;
		align-content: left;
		background-color: rgb(255 255 255 / 20%);
		border-radius: 8px
	}
	
	p.promoPrice {
	font-size: 80px;
	margin: 40px
	}
	
	p.promoGrabber {
	color:#fff;
	font-size: 40px;
	line-height: 130%;
	margin: 25px
	}
	
	p.promoLine1 {
		line-height:150%;
		font-size: 30px;
		margin: 15px
	}
	
	p.promoLine2 {
		font-size: 19px;
		margin: 25px
	}
	
	.promoButton {
		margin: 8px 0 8px 22px;
		padding: 5px 16px;	
	}

}


/* Promo panel B */
.promoPanelBx2 {
	display: flex;
	margin: 10px 0;
	padding: 0;
	background-color:#183f66;
	background-image: linear-gradient(205deg, #183f66f0 10%, rgb(167 167 166 / 40%) 20%, #183f6685 30%, #183f66c7 70%, rgb(223 223 223 / 48%) 80%, #183f66e3 90%);
	border-radius: 12px
}

.promoPanelBx2 > .div1,.promoPanelBx2 > .div2 {
	width:50%;
	margin: 15px;
	padding: 10px;
}

.promoPanelBx2 > .div2 {
	padding: 15px 20px;
	align-content: left;
	background-color: rgb(255 255 255 / 40%);
	border-radius: 8px
}

p.promoGrabberA {
	color:#eee;
	font-size: 48px;
	line-height: 130%;
	margin: 5px 25px
	}

p.promoGrabberB {
	color:#fff;
	font-size: 34px;
	line-height: 130%;
	margin: 0 25px
	}
	
p.promoLineB1 {
	color:#fff;
	font-size: 30px;
	line-height: 150%;
	margin: 25px
	}
p.promoLineB2 {
	color:#fff;
	font-size: 18px;
	margin: 25px
	}
p.promoLineB3 {
	color:#fff;
	font-size: 20px;
	margin: 25px
	}	
p.promoDescB {
	color:#fff;
	font-size: 20px;
	margin: 25px
	}	
p.promoPriceB {
	color:#fff;
	font-size: 80px;
	margin: 50px
	}
	
.promoButtonB {
    background: var(--col2);
    border: solid 1px var(--buttonBorderWhite);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    color: #eee;
    transition: .5s;
    margin: 5px 0 5px 10px;
    padding: 5px 16px;	
}

.promoButtonB:hover {
	background: var(--col3);
	color: #eee
}	
	
@media (max-width:575px) {
	
	.promoPanelBx2 {
		display: flex;
		flex-direction: column;
		margin: 10px 5px;
		background-color:#183f66;
		background-image: linear-gradient(205deg, #183f66f0 10%, rgb(167 167 166 / 40%) 20%, #183f6685 30%, #183f66c7 70%, rgb(223 223 223 / 48%) 80%, #183f66e3 90%);
		border-radius: 12px
	}
	
	.promoPanelBx2 > .div1,.promoPanelBx2 > .div2 {
		width:96%;
		margin: 0px auto 7px auto;
		padding: 10px;
	}
	
	.promoPanelBx2 > .div2 {
		padding: 8px 8px;
		align-content: left;
		background-color: rgb(255 255 255 / 20%);
		border-radius: 8px
	}
	
	p.promoDescB {
	color:#fff;
	font-size: 20px;
	margin: 16px 12px;
	}
	
	p.promoPriceB {
	font-size: 80px;
	margin: 40px
	}
	
	p.promoGrabberA {
	color:#fff;
	font-size: 44px;
	line-height: 130%;
	margin: 5px 25px
	}
	
	p.promoGrabberB {
	color:#fff;
	font-size: 30px;
	line-height: 130%;
	margin: 5px 25px
	}
	
	p.promoLineB1 {
		line-height:140%;
		font-size: 28px;
		margin: 15px
	}
	
	p.promoLineB2 {
		font-size: 20px;
		margin: 16px 12px
	}
	
	.promoButtonB {
		margin: 8px auto 8px auto;
		padding: 5px 16px;	
	}

}

.listBreak::after {
	content: "\A";
	white-space: pre;
	display: block;			
	line-height:70%;
}

@media (max-width:575px) {
	.mobBreak::after {
		content: "\A";
		white-space: pre;
		display: block;			
		line-height:120%;
		}
		
	.mobBreak2::after {
		content: "\A";
		white-space: pre;
		display: block;			
		line-height:180%;
		}
}

.heading {
	cursor: pointer;
	margin: 1px 0;
	line-height:180%;
	font-weight: bold;
	color: #22598f;
}

.heading:hover {color: #fba621}

/* PADDING & MARGIN CONTROL */
.noPaddingTop {padding-top:0}
.noMarginTop {margin-top:0}
.noPaddingBot {padding-bottom:0}
.noMarginBot {margin-bottom:0}

.busy {opacity: 0.4;pointer-events: none;transition: 0.5}

.sitemap1, a:visited.sitemap1 {
    text-decoration: none;
    color: #22598f;
    font-weight: 400;
}


/* targaCalcCssForms.css */

input[type=text],textarea{width:100%;padding:10px 10px;margin:1px 0 15px 0;display:inline-block;border:2px solid var(--col2);border-radius:4px;box-sizing:border-box;background-color:#eee;color:#666}input[type=message],textarea{width:100%;height:150px;padding:10px 10px;margin:1px 0 15px 0;display:inline-block;border:2px solid var(--col2);border-radius:4px;box-sizing:border-box;background-color:#eee;color:#666}input[type=number]{width:100%;padding:10px 10px;margin:1px 0 15px 0;display:inline-block;border:1px solid var(--col2);border-radius:4px;box-sizing:border-box;background-color:#eee}input[type=email]{width:100%;padding:10px 10px;margin:1px 0 15px 0;display:inline-block;border:1px solid var(--col2);border-radius:4px;box-sizing:border-box;background-color:#eee}input[type=text]:focus{border:1px solid var(--col2);background-color:#eee}input[type=button],input[type=reset],input[type=submit]{background:var(--col2);margin:1px 0 15px 0;padding:5px 18px;border:solid 1px var(--colLit);border-radius:8px;cursor:pointer;text-decoration:none;font-size:16px;color:#fff}input[type=submit]:hover{background:var(--col3);color:#fff}a:link.blockedForm,a:visited.blockedForm{background:var(--col2);margin:1px 0 15px 0;padding:5px 18px;border:solid 1px var(--colLit);border-radius:8px;cursor:pointer;text-decoration:none;font-size:16px;color:#fff}a:hover.blockedForm{background:red;color:#fff}.formLabel{font-weight:700;margin:0}.securityCode{color:#fff;letter-spacing:3px;padding-left:5px}@media (max-width:575px){.recaptchaSize{transform:scale(.8);-webkit-transform:scale(.8);transform-origin:0 0;-webkit-transform-origin:0 0}}

.selectDD {
	width:300px;
	height:40px;
	font-size:14px;
    padding: 10px 10px;
    margin: 1px 0 15px 0;
    display: inline-block;
    border: 2px solid var(--col2);
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #eee;
    color: #666;
}

.calc-container {display:flex;width:100%}
.calc-container > div {margin: 2px;padding: 6px 20px}
.calcCol1{width:65%}
.calcCol2{width: 35%}
.quote-container {display: flex;background-color:transparent;width:99%;padding:0 0 1px 30px}
.quote-container > div {background-color:#eee;margin: 2px;padding: 2px 20px;color: #333}
.quoteCol1{width:60%}
.quoteCol2{width:40%}
.quoteCol3{width: 20%;text-align:right}

@media (max-width:575px){
	.selectDD {
		width:280px;
		height:40px;
		border: 2px solid var(--col2);
		font-size:16px;
		color: #666;
		background-color:#eee;
		border-radius:4px;
		margin: 1px 0 15px 0;	
	}
	
	.calc-container {display:flex;flex-direction:column;width:100%}.calc-container > div {margin: 0px;padding: 5px 10px}.calcCol1{width:100%}.calcCol2{width:100%;align-items:right;padding:0 0 50px 100px; right:0}.quote-container {display: flex;flex-direction:column;background-color:#ccc;width: 100%; border: solid 1px #099; margin:0 0 15px 0}.quote-container > div {background-color:#ccc;margin:2px;padding:0 10px;color: #333}.quoteCol1{width:95%;font-size:14pt;font-weight:700}.quoteCol2{width: 95%;padding:0 50px}

	.quoteCol3{width: 95%; font-weight: 700; font-size: 16pt}
}

.formError{color:#cc0000}







/* targaCalcNavDesk.css */

.topContactInfoDesk{
	position:fixed;
	width:100%;
	margin:8px auto;
	top:0;
	left:0;
	z-index:400;
	background-color:var(--col2);
	border-bottom: solid 1px var(--yellow);
	text-align:center;
	align-items:center;
	padding:65px 20px 5px 20px
}

.subMenuItems{
	position:fixed;
	width:100%;
	margin:8px auto;
	top:0;
	left:0;
	z-index:400;
	background-color:var(--col2);
	border-bottom:solid 1px #fff;
	align-items:center;
	padding:65px 20px 5px 20px
}

.navContainer{
	width:98%;
	margin:0 auto
}

.navContainerLP{
	width:98%;
	margin:0 auto
}

.nav2ndLevel{
	width:98%;
	max-width:1400px;
	margin:0 auto;
}


.nav-menu,.nav-menu a,.nav-menu li,.nav-menu ul{
	margin:0;
	padding:0;
	line-height:normal;
	list-style:none;
	display:block;
	position:relative
}

.nav-subMenu,.nav-subMenu a,.nav-subMenu li,.nav-subMenu ul{
	margin:0 auto;
	padding:0;
	line-height:normal;
	list-style:none;
	display:block;
	position:relative
}


.nav-menu ul{
	opacity:0;
	position:absolute;
	top:100%;
	left:-9999px;
	z-index:999;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}

.nav-subMenu ul{
	opacity:0;
	position:absolute;
	top:100%;
	left:-9999px;
	z-index:999;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}


.nav-menu li:hover>ul{
	left:0;
	opacity:1;
	z-index:20;
	box-shadow:5px 5px 10px rgba(153,153,153,.25)
}

.nav-subMenu li:hover>ul{
	left:0;
	opacity:1;
	z-index:20;
	color:var(--navHover);
	box-shadow:5px 5px 10px rgba(153,153,153,.25)
}

.nav-menu li{
	cursor:default;
	float:left;
	white-space:nowrap
}

.nav-subMenu li{
	cursor:default;
	float:left;
	white-space:nowrap
}

.nav-menu ul li{float:none}
	
.nav-subMenu ul li{float:none}

.nav-menu ul{
	min-width:12em;
	color:red;
	-webkit-box-shadow:2px 2px 2px rgba(153,153,153,.25);
	box-shadow:10px 10px 10px rgba(153,153,153,.25)
}

.nav-subMenu ul{
	min-width:12em;
	color:orange;
	-webkit-box-shadow:2px 2px 2px rgba(153,153,153,.25);
	box-shadow:10px 10px 10px rgba(153,153,153,.25)
}


.nav-right{float:right}

.nav-middle{
	display:flex;
	align-content: center;
	align-items: center;
	width: 90%;
	margin: 0 auto;
}

.nav-menu a{
	padding:2px 20px 0 6px;
	color:#fff;
	font-weight:400;
	font-size:15pt;
	line-height:40px;
	text-decoration:none;
	text-shadow:3px 3px 3px #333;
	background-color:transparent;
	z-index:1000
}

.nav-subMenu a, .nav-subMenuSelected a{
	padding:3px 20px 0 6px;
	padding: 3px 5px;
	margin: 0 10px;
	color:#bbb;   /* sub menu heading default colour */
	font-weight:400;
	font-size:15pt;
	line-height:40px;
	text-decoration:none;
	text-shadow:3px 3px 3px #333;
	background-color:transparent;
	z-index:1000
}

.nav-subMenuSelected a{color:#d0d}

.nav-menu>li>.nav-active{background-color:transparent}

.nav-subMenu>li>.nav-active{background-color:transparent}

.nav-menu a:focus,
.nav-menu a:hover,
.nav-menu li:hover a{
	background:var(--col1);
	color:var(--navHover);
	text-shadow:2px 2px 2px #111;
	transition:.5s;
	background-color:transparent;
	border-bottom:solid 0 transparent;
	margin-bottom:0
}

.nav-subMenu a:focus,
.nav-subMenu a:hover,
.nav-subMenu li:hover a{
	background:var(--col1);
	color:#ccc;   /* sub menu heading colour - hover */
	color:var(--navHover);
	text-shadow:2px 2px 2px #111;
	transition:.5s;
	background-color:transparent;
	border-bottom:solid 0 transparent;
	margin-bottom:0
}

.nav-menu li li a,
.nav-menu li:hover li a{
	padding:9px 10px;
	background:rgba(50,50,50,.8);
	color:#fff;
	text-shadow:3px 3px 3px #333;
	font-size:14pt;
	line-height:150%;
	border-right:solid 2px #666;
	border-bottom:solid 2px #666;
	border-left:solid 2px #666;
	box-shadow:15px 8px 30px rgba(000,000,000,.8)
}

/* sub menu dropdown items */
.nav-subMenu li li a,
.nav-subMenu li:hover li a{
	padding:9px 10px;
	background:rgba(50,50,50,.9);   /* sub menu dropdown items BG */
	color:#eee;
	text-shadow:3px 3px 3px #333;
	font-size:14pt;
	line-height:140%;
	border-right:solid 2px #666;
	border-bottom:solid 2px #666;
	border-left:solid 2px #666;
	box-shadow:15px 8px 30px rgba(000,000,000,.8)   /* sub menu dropdown shadown - not spreading as expected BG */
}

li.navTop{margin-top:10px}

/* DGH NAV */
.nav-menu li:hover li a:focus,
.nav-menu li:hover li a:hover,
.nav-menu li:hover li:hover a{
	background:linear-gradient(to bottom right,rgba(24,63,102,.9),rgba(24,63,102,1));
	background:rgba(50,50,50,.9);
	color:#fff;
	color:var(--navHover);
	border-right:solid 2px #666;
	border-bottom:solid 2px #666;
	border-left:solid 2px #666;
	transition:.3s}

.nav-subMenu li:hover li a:focus,
.nav-subMenu li:hover li a:hover,
.nav-subMenu li:hover li:hover a{
	background:linear-gradient(to bottom right,rgba(24,63,102,.9),rgba(24,63,102,1));    /* sub menu dropdown items BG hover */
	color:#fff;
	color:var(--navHover);
	border-right:solid 2px #666;
	border-bottom:solid 2px #666;
	border-left:solid 2px #666;
	transition:.3s}
	
/* NEW Align submenu of the Info menu to the right */
.nav-menu li.alignRight:hover > ul {
  left: auto;
  right: 0;
}

.nav-menu li.alignRight > ul {text-align: right}
	
li.subMenuActive {color:red}



/* targaNavMob.css */
*,:after,:before{box-sizing:border-box}label .menu{position:absolute;z-index:100;right:-70px;top:-65px;width:115px;height:115px;border-radius:8px 8px 8px 8px;-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out;box-shadow:0 0 0 0 var(--col1),0 0 0 0 var(--col2);cursor:pointer;background:0 0}label .iconBar{position:absolute;top:90px;left:10px;width:26px;height:2px;background:#fff;display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}label .iconBar:after,label .iconBar:before{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;content:"";position:absolute;display:block;width:100%;height:100%;background:#fff}label .iconBar:before{top:-8px}label .iconBar:after{bottom:-8px}label input{display:none}label input:checked+.menu{box-shadow:0 0 0 100vw var(--col2),0 0 0 100vh var(--col2);border-radius:0;background:var(--col2)}label input:checked+.menu .iconBar{-webkit-transform:rotate(45deg);transform:rotate(45deg)}label input:checked+.menu .iconBar:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0}label input:checked+.menu .iconBar:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0}label input:checked+.menu+ul{display:block;opacity:.8;color:#ccc}label ul{font-family:arial,helvetica,sans-serif;font-size:15pt;z-index:200;position:absolute;color:#fff;width:100%;top:220px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;display:none;-webkit-transition:1s 0s ease-in-out;transition:1s 0s ease-in-out;transition-delay:.5s}label a{margin:8px 0;color:#fff;text-decoration:none}label a:hover{color:#fff}a.selectedNo{color:#ccc;text-decoration:none}




/* #################################################################### */









/* BUNDLES & SLIDESHOW start */

/* bundle-3.css */
.bundle2Container {
	width: 100%;
    max-width: 1200px;
    padding: 0 0 12px 0;
    margin: 5px auto 5px auto;
}

.bundle2Cells {display: flex}

.bundle2Cells > div {
	background-color: #fff;
	width:50%;
	margin: 10px;
	padding: 20px
}

@media (max-width:575px) {
	.bundle2Container {padding: 0 0 12px 0;margin: 0 auto 5px auto}

	.bundle2Cells {flex-direction: column-reverse}
	
	.bundle2Cells > div {
		background-color: #fff;
		width:100%;
		margin: 0px;
		padding: 20px}
}

.bundle2Display {display: none}
img {vertical-align: middle}

.slideshow2container {
	position: relative;
	margin: auto}

.selector2Container {
	text-align:center;
	margin:0;
	padding:0;
	white-space: nowrap
}

.bundle2Selector {
	cursor: pointer;
	height: 40px;
	width: 50%;
	margin: 0;
	padding: 6px 0 0 0;
	background-color: #ccc;
	color:#42607f;
	font-size:20px;
	font-weight:700;
	display: inline-block;
	border:solid 1px #000;
	transition: background-color 0.9s ease}

.active2Bundle {
	background-color: #42607f;
	color:#fff
}
.bundle2Selector:hover {
	background-color: #42607f;
	color:#fff;
}

.bundle2Selector1 {border-right:none;width: 49.5%}


.bundle2Heading{
	display:inline;
	color: #22598f;
	margin:0;
}

.bundle2Content{
	color: #22598f;
	font-weight:700;
}

.fade {animation-name: fade;animation-duration: 1s}

@keyframes fade {
	from {opacity: 0} 
	to {opacity: 1}
}

div.bundle2ContentContainer {
	width:99.7%;
	height: 26vw;
	max-height: 500px;
	min-height: 380px;
	max-width: 1200px;
	margin: 1px 1px;
	padding: 0;		
	background:white;
}
	
@media (max-width:575px) {
div.bundle2ContentContainer {
	width:96%;
	margin: 15px auto 5px auto;
	padding: 15px 2px;
	background:white;
	max-height: unset;
	height: auto;
	border:solid 1px var(--contentBoxBorders);
	border-radius:8px;
	box-shadow:5px 6px 3px #ccc}

.prevImage,.nextImage,.text {
	background:#ccc;
	font-size: 14px;
	padding:4px 6px}
	
.prevImage:hover, .nextImage:hover {
	color: #333;
	background:#eee
	}
}

img.bundleImage,img.bundleImageNoShad {
	display: block;
	width: 100%;
	height: auto;
	max-width: 900px;
	margin: 0;
	box-shadow: 5px 6px 3px #ccc;
}

img.bundleImageNoShad {box-shadow: unset}


/* bundle-3.css */
.bundle3Container {
	width: 100%;
    max-width: 1200px;
    padding: 0 0 12px 0;
    margin: 5px auto 5px auto;
}

.bundle3Cells {display: flex}

.bundle3Cells > div {
	background-color: #fff;
	width:50%;
	margin: 10px;
	padding: 20px}

@media (max-width:575px) {
	.bundle3Cells {flex-direction: column-reverse}
	
	.bundle3Cells > div {
		background-color: #fff;
		width:100%;
		margin: 0px;
		padding: 20px}
}

.bundle3Display {display: none}
img {vertical-align: middle}

.slideshow3container {
	position: relative;
	margin: auto}

.selector3Container {
	text-align:center;
	margin:0;
	padding:0;
	white-space: nowrap
}

.bundle3Selector {
	cursor: pointer;
	height: 40px;
	width: 34%;
	margin: 0;
	padding: 6px 0 0 0;
	background-color: #ccc;
	color:var(--col3);
	font-size:20px;
	font-weight:700;
	display: inline-block;
	border:solid 1px #000;
	transition: background-color 0.9s ease}

@media (max-width:575px) {
	.bundle3Selector {
		width: 32%;
		margin: 0;
		padding: 3px 0 0 0}
	.bundle3Selector1 {border-right:none;width: 32%}
	.bundle3Selector2 {border-right:solid 1px #000;width: 32%}
	.bundle3Selector3 {border-left:none;width: 32%}		
					
}

.active3Bundle {
	background-color: var(--col3);
	color:#fff
}
.bundle3Selector:hover {
	background-color: var(--col4);
	color:#fff;
}

.bundle3Selector1 {border-right:none;width: 33%;}
.bundle3Selector3 {border-left:none;width: 33%;}

.bundle3Heading{
	display:inline;
	color: #22598f;
	color: var(--col3);
	margin:0;
}

.bundle3Content{
	color: #22598f;
	color: var(--col3);
	font-weight:700;
}

.fade {animation-name: fade;animation-duration: 1s}

@keyframes fade {
	from {opacity: 0} 
	to {opacity: 1}
}

div.bundle3ContentContainer {
	width:99.7%;
	height: 27vw;
	max-height: 500px;
	min-height: 380px;
	max-width: 1200px;
	margin: 1px 1px;
	padding: 0
}

div.bundle3ContentContainerAutoHeight {
	width:99.7%;
	height: auto;
	margin: 1px 1px;
	padding: 0;		
	background:#fff;
}

	
@media (max-width:575px) {
div.bundle3ContentContainer {
	width:100%;
	margin: 15px auto 0 auto;
	padding: 5px 2px 0 2px;
	background:white;
	max-height: unset;
	height: auto;
	border:unset;
	border-radius:unset;
	box-shadow:unset}

.prevImage,.nextImage,.text {
	background:#ccc;
	font-size: 14px;
	padding:4px 6px}
	
.prevImage:hover, .nextImage:hover {
	color: #333;
	background:#eee
	}
}

img.bundleImage,img.bundleImageNoShad {
	display: block;
	width: 100%;
	height: auto;
	max-width: 900px;
	margin: 0;
	box-shadow: 5px 6px 3px #ccc;
}

img.bundleImageNoShad {box-shadow: unset}




/* bundleContact.css */
.bundleContactContainer,.bundleContactContainerOuter {
	width: 100%;
    max-width: 1200px;
    padding: 0 0 12px 0;
    margin: 5px auto 5px auto;
}

.bundleContactContainerOuter {
	margin: 50px auto 5px auto;
	border-right:solid 1px #22598f;
	border-bottom:solid 1px #22598f;
	border-left:solid 1px #22598f;
	box-shadow: 5px 6px 3px #ccc;
}

.bundleContactCells {display: flex}

.bundleContactCells > div {
	background-color: #fff;
	width:50%;
	margin: 10px;
	padding: 20px
}

.bundleContactCell1,.bundleContactCell2 {
	padding-top:40px;
	height: 1100px
	}
	
.bundleContactCell2 {height: 600px}	

@media (max-width:575px) {
	.bundleContactCells {flex-direction: column-reverse}
	
	.bundleContactCells > div {
		background-color: #fff;
		width:100%;
		margin: 0px;
		padding: 20px}
		
	.bundleContactContainerOuter {
	margin: 30px 0 5px 0;
	border-right:solid 0px transparent;
	border-bottom:solid 0px transparent;
	border-left:solid 0px transparent;
	box-shadow: unset;
	}
	
	.bundleContactCell {padding-top:20px}
	
	.bundleContactCell1,.bundleContactCell2 {
		padding-top:15px;
		height: 1650px}
	
	.bundleContactCell2 {height: 1150px}
}

.bundleContactDisplay {display: none}
img {vertical-align: middle}

.slideshowContactContainer {
	position: relative;
	margin: auto}

.selectorContactContainer {
	text-align:center;
	margin:0;
	padding:0;
	white-space: nowrap
}

.bundleContactSelector {
	cursor: pointer;
	height: 40px;
	width: 50%;
	margin: 0;
	padding: 6px 0 0 0;
	background-color: #ccc;
	color:var(--col3);
	font-size:20px;
	font-weight:700;
	display: inline-block;
	border:solid 1px #000;
	transition: background-color 0.9s ease}

.activeContactBundle {
	background-color: var(--col3);
	color:#fff
}
.bundleContactSelector:hover {
	background-color: var(--col4);
	color:#fff;
}

.bundleContactSelector1 {border-right:none;width: 49.5%} /* Check if needed */


.bundleContactHeading{
	display:inline;
	color: #22598f;
	margin:0;
}

.bundleContactContent{
	color: #22598f;
	font-weight:700;
}

.fade {animation-name: fade;animation-duration: 1s}

@keyframes fade {
	from {opacity: 0} 
	to {opacity: 1}
}

div.bundleContentContainer {
	width:99.7%;
	height: 26vw;
	max-height: 500px;
	min-height: 380px;
	max-width: 1200px;
	margin: 1px 1px;
	padding: 0;		
	background:white;
}

div.bundleContactContainer {
	width:99.7%;
	max-width: 1200px;
	margin: 1px 1px;
	padding: 0;		
	background:white;
}
	
@media (max-width:575px) {
	div.bundleContentContainer {
		width:96%;
		margin: 15px auto 5px auto;
		padding: 15px 2px;
		background:white;
		max-height: unset;
		height: auto;
		border:solid 1px var(--contentBoxBorders);
		border-radius:8px;
		box-shadow:5px 6px 3px #ccc}

	div.bundleContactContainer {
		width:99.7%;
		max-width: unset;
		margin: 1px 1px;
		padding: 0;		
		background:white;
	}


	.prevImage,.nextImage,.text {
		background:#ccc;
		font-size: 14px;
		padding:4px 6px}
		
	.prevImage:hover, .nextImage:hover {
		color: #333;
		background:#eee
		}
}

img.bundleImage,img.bundleImageNoShad {
	display: block;
	width: 100%;
	height: auto;
	max-width: 900px;
	margin: 0;
	box-shadow: 5px 6px 3px #ccc;
}

img.bundleImageNoShad {box-shadow: unset}
/* BUNDLES & SLIDESHOW end */





/* targaCalcCssLB.css */

.imageInContentDiv{max-width:100%;padding:0;margin:0}.thumbDisplayAll2,.thumbDisplayAll3{float:left;height:auto;margin:5px;z-index:1000}.thumbDisplayAll2{width:47%;height:auto}.thumbDisplayAll3{width:30%;height:auto}img.thumbNail{width:100%;height:auto;cursor:zoom-in;margin:3px;box-shadow:5px 5px 5px #999}img.thumbNail:hover{box-shadow:5px 5px 5px #666;opacity:.8}
figcaption,figcaption.set2,figcaption.set3{color:var(--LBCaptionColour);font-size:11pt;font-style:italic;padding:4px;text-align:center;font-weight:400;clear:left}@media only screen and (max-width:575px){.thumbDisplayAll2{width:100%;height:auto}.thumbDisplayAll3{width:100%;height:auto}.thumbMobNo{display:none}img.thumbNail{width:95%;height:auto;cursor:zoom-in;padding-right:0}figcaption.set2,figcaption.set3{display:none}}.lightBox{display:none;position:fixed;z-index:2000;padding-top:80px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8)}
.lightBox-content{position:relative;margin:auto;margin-bottom:0;padding:0;padding-bottom:0;width:95%;max-width:800px}@media only screen and (max-width:575px){.lightBox-content{position:relative;margin:auto;margin-bottom:0;padding:0;padding-bottom:0;width:100%;max-width:800px}}.closeButton{position:absolute;top:0;right:0;font-size:28px;color:#fff;font-weight:700;background-color:rgba(0,0,0,.5);padding:0 10px;border-radius:0 0 0 7px}.closeButton:focus,.closeButton:hover{color:#099;text-decoration:none;cursor:pointer;background:#ccc;transition:.4s ease}.mySlides{display:none}.next,.prev{cursor:pointer;position:absolute;bottom:0;width:auto;padding:10px 16px;margin-top:-50px;color:#fff;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 7px 0 0;user-select:none;-webkit-user-select:none;text-decoration:none;background-color:rgba(0,0,0,.5)}.next{right:0;border-radius:7px 0 0 0}.next:hover,.prev:hover{background:#ccc;transition:.4s ease;color:#099}h3.slideCaption{color:#fff;font-size:18px;top:0;left:0;position:absolute;font-weight:700;text-shadow:3px 3px 3px #000;padding:5 20 5 20;margin:0;border:solid 2px #000;background-color:rgba(0,0,0,.7)}@media only screen and (max-width:575px){h3.slideCaption{padding:10px 20px 12px 20px;background-color:rgba(0,0,0,.7)}}img.slideOverlay{width:100%;height:auto;padding:0;margin:0}A:link.largeImageLink,A:visited.largeImageLink{font-size:9pt;color:#099;text-decoration:none;text-align:center;margin:0 auto}A:hover.largeImageLink{color:var(--col2)}@media only screen and (max-width:575px){A:link.largeImageLink,A:visited.largeImageLink{color:var(--col1);text-decoration:none;text-align:center;margin:5 auto}A:hover.largeImageLink{color:var(--col2)}}




/* scrollAnimation.css */
.revealH2{
	position:relative;
	transform:translateX(150px);
	opacity:0;
	transition:.4s all ease;
	transition: 2s all cubic-bezier(0.38, 0.02, 0.37, 1);
	
	}


.revealH2.active{transform:translateX(0);opacity:1}

@media (min-width:576px) AND (max-width:991px) {
	.revealH2, .revealBtnMobFixed{position:relative;transform:translateX(0px);opacity:1;transition:1s all ease}
}

@media (max-width:575px){
	.revealH2{position:relative;transform:translateY(40px);opacity:1;transition:1s all ease}
}

.revealText{
	position:relative;
	transform:translateY(80px);
	opacity:0;
	transition:.9s all ease;
	transition: 1s all cubic-bezier(0.16, 0.45, 0.44, 0.92);
}


.revealText.active{transform:translateY(0);opacity:1}

.textCentre {text-align:center}
.italicise {font-style:italic}
.bold,.bolded {font-weight:700}
.noWrap {white-space:nowrap}
.white {color:var(--whiteHighlight)}
.light {color:var(--font-color)}
.black {color:#000}
.black1 {color:#111}
.black2 {color:#222}
.white {color:#fff}
.white2 {color:#eee}
.white3 {color:#ddd}
.yellow {color:var(--yellow)}

.red {color:#f00}
.orange {color:#d68a00}
.green {color:#079d07}
.purple {color:#800080}

.disclaimer {font-size:11pt;color:var(--color2)}
.markBold {color:#4b94db;font-weight:600}
.italic,.italicise {font-style:italic}
.superScript {font-size:11pt}
.noUnderline {text-decoration:none}


/* INDENTS */
.faqsBoxInPage {margin-left:20px}
.indented {margin-left:20px}
.indented0 {margin-left:0}
.indented10 {margin-left:10px}
.indented20 {margin-left:20px}
.indented30 {margin-left:30px}
.indented40 {margin-left:40px}
.indented45 {margin-left:45px}
.indented50 {margin-left:60px}
.indented60 {margin-left:60px}
.indentedUl {margin-left:10px}
ul.indented {padding-left:15px;margin-top:0}

@media screen and (max-width:575px) {
	.faqsBoxInPage {margin-left:8px}
	.indentedUl {margin-left:0;padding-left:10px}
	.indented {margin-left:0}
	.indented0 {margin-left:0}
	.indented10 {margin-left:0;padding-left:10px}
	.indented20 {margin-left:10px}
	.indented30 {margin-left:10px}
	.indented40 {margin-left:20px}
	.indented45 {margin-left:20px}
	.indented50 {margin-left:30px}
	.indented60 {margin-left:30px}
	ul.indented {margin-left:0;padding-left:5px}
	ul.indented>li {margin-left:0;padding-left:4px}
	ul.indented30,
	ul.indented45 {margin-left:8px;padding-left:13px}
}


.contentContainer{margin:0;padding:5px 20px}

@media (max-width:575px){
	.mainContentBox{margin:15px auto 20px auto}
	.contentContainer{margin:0;padding:5px 10px}
}

/* BOX SHADING */
.sectionShade0{background:var(--boxShade0)}
.sectionShade0>h2,.sectionShade0>h3,.sectionShade0>p,.sectionShade0>ul,.sectionShade0>li,.sectionShade0>h3.attention {color:var(--contentShade0)}
.sectionShade0>div.inPageContactForm>div.formContentPanel>p {color:var(--contentShade0)}
.sectionShade0>div.inPageContactForm>div.inPageFormContainer>p {color:var(--contentShade0)}
.sectionShade0>div.inPageContactForm>div.inPageFormContainer>form>label.formLabel {color:var(--contentShade0)}
.sectionShade0>div.inPageContactForm>div.inPageFormContainer>form>label.optInContent {color:var(--contentShade0)}
.sectionShade0,div.contentContainer>form>label.formLabel {color:var(--contentShade0)}
.sectionShade0>p>a,.sectionShade0>ul>li,.sectionShade0>ul>li>a,.sectionShade0>ul>li>a:visited {color:var(--contentShade0)}
.sectionShade0>hr {border-top:1px solid var(--hrTop0);border-bottom:1px solid var(--hrBot0)}
.sectionShade0>hr.faint {border-top:1px solid var(--hr0faint);border-bottom:1px solid var(--hr0faint)}
.sectionShade0>ul {border:unset}

.sectionShade1{background:var(--boxShade1)}
.sectionShade1>h2,.sectionShade1>h3,.sectionShade1>p,.sectionShade1>ul,.sectionShade1>li,.sectionShade1>h3.attention {color:var(--contentShade1)}
.sectionShade1>div.inPageContactForm>div.formContentPanel>p {color:var(--contentShade1)}
.sectionShade1>div.inPageContactForm>div.inPageFormContainer>p {color:var(--contentShade1)}
.sectionShade1>div.inPageContactForm>div.inPageFormContainer>form>label.formLabel {color:var(--contentShade1)}
.sectionShade1>div.inPageContactForm>div.inPageFormContainer>form>label.optInContent {color:var(--contentShade1)}
.sectionShade1,div.contentContainer>form>label.formLabel {color:var(--contentShade1)}
.sectionShade1>p>a,.sectionShade1>ul>li,.sectionShade1>ul>li>a,.sectionShade1>ul>li>a:visited {color:var(--contentShade1)}
.sectionShade1>hr {border-top:1px solid var(--hrTop1);border-bottom:1px solid var(--hrBot1)}
.sectionShade1>hr.faint {border-top:1px solid var(--hr1faint);border-bottom:1px solid var(--hr1faint)}

.sectionShade1>hr.attentionTop {border-top:1px solid var(--hrTop1);border-bottom:1px solid var(--hr1faint)}
.sectionShade1>hr.attentionBot {border-top:1px solid var(--hr1faint);border-bottom:1px solid var(--hrTop1)}



.sectionShade1>ul {border:unset}

.sectionShade2{background:var(--boxShade2)}
.sectionShade2>h2,.sectionShade2>h3,.sectionShade2>p,.sectionShade2>ul,.sectionShade2>li,.sectionShade2>h3.attention {color:var(--contentShade2)}
.sectionShade2>div.inPageContactForm>div.formContentPanel>p {color:var(--contentShade2)}
.sectionShade2>div.inPageContactForm>div.inPageFormContainer>p {color:var(--contentShade2)}
.sectionShade2>div.inPageContactForm>div.inPageFormContainer>form>label.formLabel {color:var(--contentShade2)}
.sectionShade2>div.inPageContactForm>div.inPageFormContainer>form>label.optInContent {color:var(--contentShade2)}
.sectionShade2,div.contentContainer>form>label.formLabel {color:var(contentShade2)}
.sectionShade2>p>a,.sectionShade2>ul>li,.sectionShade2>ul>li>a,.sectionShade2>ul>li>a:visited {color:var(--contentShade2)}
.sectionShade2>hr {border-top:1px solid var(--hrTop2);border-bottom:1px solid var(--hrBot2)}
.sectionShade2>hr.faint {border-top:1px solid var(--hr2faint);border-bottom:1px solid var(--hr2faint)}
.sectionShade2>ul {border:unset}

.sectionShade3{background:var(--boxShade3)}
.sectionShade3>h2,.sectionShade3>h3,.sectionShade3>p,.sectionShade3>ul,.sectionShade3>li,.sectionShade3>h3.attention {color:var(--contentShade3)}
.sectionShade3>div.inPageContactForm>div.formContentPanel>p {color:var(--contentShade3)}
.sectionShade3>div.inPageContactForm>div.inPageFormContainer>p {color:var(--contentShade3)}
.sectionShade3>div.inPageContactForm>div.inPageFormContainer>form>label.formLabel {color:var(--contentShade3)}
.sectionShade3>div.inPageContactForm>div.inPageFormContainer>form>label.optInContent {color:var(--contentShade3)}
.sectionShade3,div.contentContainer>form>label.formLabel {color:var(--contentShade3)}
.sectionShade3>p>a,.sectionShade3>ul>li,.sectionShade3>ul>li>a,.sectionShade3>ul>li>a:visited {color:var(--contentShade3)}
/* .sectionShade3>div.directionsBox>details:open>p {color:var(--contentShade3)} */
.sectionShade3>hr {border-top:1px solid var(--hrTop3);border-bottom:1px solid var(--hrBot3)}
.sectionShade3>hr.faint {border-top:1px solid var(--hr3faint);border-bottom:1px solid var(--hr3faint)}
.sectionShade3>ul {border:unset}

.sectionShade4{background:var(--boxShade4)}
.sectionShade4>h2,.sectionShade4>h3,.sectionShade4>p,.sectionShade4>ul,.sectionShade4>li,.sectionShade4>h3.attention {color:var(--contentShade4)}
.sectionShade4>div.inPageContactForm>div.formContentPanel>p {color:var(--contentShade4)}
.sectionShade4>div.inPageContactForm>div.inPageFormContainer>p {color:var(--contentShade4)}
.sectionShade4>div.inPageContactForm>div.inPageFormContainer>form>label.formLabel {color:var(--contentShade4)}
.sectionShade4>div.inPageContactForm>div.inPageFormContainer>form>label.optInContent {color:var(--contentShade4)}
.sectionShade4,div.contentContainer>form>label.formLabel {color:var(--contentShade4)}
.sectionShade4>p>a,.sectionShade4>ul>li,.sectionShade4>ul>li>a,.sectionShade4>ul>li>a:visited {color:var(--contentShade4)}
.sectionShade4>hr {border-top:1px solid var(--hrTop4);border-bottom:1px solid var(--hrBot4)}
.sectionShade4>hr.faint {border-top:1px solid var(--hr4faint);border-bottom:1px solid var(--hr4faint)}
.sectionShade4>ul {border:unset}