:root {
--col1: #274472; /* Dark Blue : */
--col2: #41729F; /* Midnight Blue : default H tags*/
--col3: #5885AF; /* Blue Grey */
--col4: #189AB4; /* Blue Grotto */
--col5: #C3E0E5; /* Baby Blue */
--colA: #FFFFFF; /* White */
--colZ: #000000; /* Black */
--txtShad: 3px 3px 5px rgb(0 0 0 / 80%);
--borderRad: 8px;
}

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

* {box-sizing: border-box}

html {
scroll-padding-top: 72px;
scroll-behavior: smooth
}

body {
font-family: arial,helvetica,sans-serif;
font-size: 13pt;
color: rgba(0,0,0,.7);
font-weight: 400;
line-height: 160%;
vertical-align: top;
padding: 0;
background-color: #000;
background-image: conic-gradient(from 225deg at 100px 50px,#000,#333,#000,#333,#000,#555,#000,#000)
}

@media (max-width: 640px) {
	body {
	background-attachment: fixed;
	margin: 0;
	font-size: 12pt;
	}
}

.topFixDesk {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 5;
background-color: #fff;
background-image: linear-gradient(to top right,rgba(0,0,0,.8),rgba(0,0,0,.3));
border-bottom: solid #fff;
padding: 10px 20px
}

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

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

.LogoM {display: none}

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

@media (max-width: 640px) {
	.LogoSize {left: 15px;}
}

@keyframes panelSlider {
from {top: -300px}
to {top: 60px}
}

.pageTitleTransFade {
position: absolute;
top: 70px;
left: 0;
width: 90%;
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: forwards
}

.mainContentBoxTransFade {
position: relative;
top: 250px;
left: 0;
width: 60%;
margin: 0 0 350px 60px;
padding: 0 30px 25px 15px;
animation-name: fadeIn;
animation-duration: 3s;
background-color: #fff;
border: solid 2px var(--col2);
border-radius: var(--borderRad);
}

@media (max-width: 800px) {	
	.pageTitleTransFade {width:100%}
	.mainContentBoxTransFade {width: 80%;margin: 0 auto 350px auto;}
}
@media (max-width: 640px) {
	.pageTitleTransFade {
	top: 100px;
	width: 100%;
	padding: 0;
	margin: 0
	}

	.mainContentBoxTransFade {
	top: -5px;
	padding: 0 10px 40px 10px;
	margin: 0 0 10px 0;
	width: 100%;
	}
}

details {
line-height: 20pt;
margin: 0 0 10px 0;
font-size: 12pt;
text-align: left
}

summary {
margin-left: 30px;
padding: 0;
cursor: pointer;
font-weight: 700;
font-size: 12pt;
text-align: left
}

.summaryDetailsBorder {
margin: 5px 35px 20px 60px;
border: solid 2px var(--col1);
border-radius: var(--borderRad);
padding: 3px 10px
}

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

	.summaryDetailsBorder {
	margin: 5px 5px 5px 15px;
	border: solid 1px var(--col1);
	border-radius: var(--borderRad);
	background-color: #ddd;
	padding: 0 10px 0 10px
	}
}

img.inContentImage {
width: 45%;
max-width: 400px;
float: right;
margin: 5px;
box-shadow: 2px 2px 2px var(--col5);
}

img.inContentImage100pc, img.inContentImage100pcBorderWhite {
display: block;
width: 100%;
max-width: 900px;
margin: 20px auto;
border: solid 2px #ccc;
border-radius: var(--borderRad);
}

img.inContentImage90pc, img.inContentImage90pcBorderWhite {
display: block;
width: 90%;
max-width: 900px;
margin: 20px auto;
border: solid 2px #ccc;
border-radius: var(--borderRad);
}

img.inContentImage90pcBorderWhite, img.inContentImage100pcBorderWhite {border: solid 2px #fff;}

.socialIconS {width: 18px;height: auto;margin: 10px}
.socialIconM {width: 24px;height: auto;margin: 5px;padding: 0;}
.socialIconL {width: 30px;height: auto;margin: 10px 20px 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 #066;
border-bottom: 1px solid #066;
border-left: none;
border-right: none
}

/* RESTYLED FOOTER */
.footerLowerG {
background-color: #ccc;
text-align: left;
width: 100%;
padding: 0;
margin: 0}

.footerUpper {background-color: #bbb;text-align: center;margin: 0;padding: 3px 0 0 0;border-bottom: solid 1px #666;border-top: solid 1px #666;}

@media (max-width: 640px) {.footerLowerG {background-color: #000;}}

.codeDisplay, .codeDisplayInline, .codeDisplayInlineH2 {font-family: courier; margin: 5px 10px; color: #333; font-weight: 400;}

.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: 640px) {
	.footerColumns,.footerList {display: none}}
/* RESTYLED FOOTER end */

@media (min-width: 641px) {.imgMainS {display:none}}

@media (max-width: 640px) {.imgMainS {margin: 0;display: block;width: 100%}}

.imageInContent100pc {
max-width: 100%;
height: auto;
border-style: solid;
border-color: #fff;
margin: 5px auto
}

table {border-collapse: collapse;border: 2px solid #666}

tr:nth-child(even) {background-color: #fff}

tr:nth-child(odd) {background-color: #ddd}

td,th {text-align: center;padding: 6px 0}

th.w30 {width: 30%;background-color: #999; color: #fff}

th.w70 {width: 70%;background-color: #999; color: #fff}

table.calendar {table-layout: auto;width: 100%}

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