/*<meta>
<!--Description: Cool landing page which does not use any framework - so no Bootstrap, vue or similar just a bit of retro know-how to get the job done efficiently. It uses several pens from codepen.io, modified to give the effects I wanted and a Google Designer animation element. Feel free to use and modify but please use credit reference <a href="octagon-projects.eu">&copy; Octagon Projects and others</a>| Octagon Projects Community Pages, Edition: 3.0.1 | Octagon Projects&trade;, Octagon INFERNO&trade; and Octagon Upcycle&trade; are trademarks &trade; of Octagon Projects |<a href="https://www.octagon-projects.eu/_index/common/html/Copyright_Statement.htm"target="_parent">
Data and products subject to change without notice. | All intellectual property, copyrights &copy;, registered trademarks &reg; and trademarks &trade; are the property of their respective owners. | Octagon Projects makes no claims regarding suitability for use, or warranties for supplied third-party components.</a> -->
*/
/*Produced by Tim Nield,Octagon Projects. Updated 22-09-2020*/
/*=========================================== Imports ===========================================*/
/* @import url('styles-op-flexgrids.css'); */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('Buttons-op.css');
@import url('Animation-op.css');
@import url('Links-op.css');

@import url('video-background.css');
@import  url('AccordionClick.css');
@import url('styles-op.css');
/*=========================================== Variable defs ===========================================*/
:root {--Zind: 12000;
/*=========================================== Color props ===========================================*/--clr0: transparent;--clr1: rgb(156, 156, 156);--clr2: yellow;--clr3: #07121cff;--clr4: #000000ff;--clr5: #a00000ff;--clr6: #225c8cff;--clr7: #500000ff;--clr8: rgb(71, 2, 2);--clr9: #f8f6dbff;--fShdw: drop-shadow(0px 0px 6px #f8f6db);--fShdw1: drop-shadow(0px 0px 12px #f8f6db);--fShdw2: drop-shadow(0px 0px 25px #f8f6db);--fShdw3: drop-shadow(0px 0px 6px#91aec6ff);--fShdw4: drop-shadow(0px 0px 25px#07121cff);--fShdw5: drop-shadow(0px 0px 12px#d48b04d7);--fShdw6: drop-shadow(0px 0px 6px#500000);--fShdw7: drop-shadow(0px 4px 10px #f8f6db);--tShdw: 0px 0px 6px #f8f6db;--tShdw0: 0px 0px 25px #f8f6db;--tShdw1: 3px 0px 12px #225c8c;--tShdw2: 4px 4px 6px #07121c;--tShdw3: 0px 0px 6px #07121c;--tShdw4: 0px 0px 6px#07121cff;--tShdw5: 0px 0px 6px#d48b04d7;--tShdw6: 3px 0px 24px #225c8c;--tShdw7: 0px 3px 10px #f8f6db;--tShdw8: 1px 1px 14px rgb(24, 24, 24);
/*=========================================== Font props ===========================================*/--fontf1: 'Titillium Web', sans-serif;--fontf2: 'Josefin Sans', sans-serif;--fontf3: 'Comfortaa', cursive;--fontSt1: normal;--fontSt2: bold;--fontSt3: italic;--fontW0: 200;--fontW1: 300;--fontW2: 400;--fontW3: 500;--fontW4: 600;--fontW5: 700;--fontW6: 800;--fontW7: 900;--fontSz1: clamp(2rem, 1vw + 1rem, 1.8rem);--fontSz2: 16px;--fontSz3: 14px;--fontSz4: 160%;--overf0: hidden;
/*=========================================== View props=========================================== */--overf1: visible;--dsply0: block;--dsply1: flex;--dsply2: grid;--pos0: absolute;--pos1: relative;--pos2: static;--pos3: fixed;
--Wpx0: 1px
}

/*=========================================== Setup CSS ===========================================*/* {box-sizing: border-box;font-weight: var(--fontW1);font-family: var(--fontf1);}
html {z-index:-12700;scroll-behavior: smooth;opacity:1;}

body {z-index:-1;padding: 0;margin: 0 auto;font-family:var(--fontf1);opacity:1;background-color:transparent;}
.impact-gradient-OIC {background: linear-gradient(135deg, #fff,  #ffa500ff, #100000,  transparent, #a00000ff,transparent, #450102);
    background-size: 800% 800%;overflow: hidden;
    -webkit-animation: AnimationNameOIC 120s ease-in-out infinite;
    -moz-animation: AnimationNameOIC 120s ease-in-out infinite;
    -o-animation: AnimationNameOIC 120s ease-in-out infinite;
    animation: AnimationNameOIC 120s ease-in-out infinite;}
    @-webkit-keyframes AnimationNameOIC {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
    @-moz-keyframes AnimationNameOIC {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
    @-o-keyframes AnimationNameOIC {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
    @keyframes AnimationNameOIC {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
.impact-gradient-home {background: linear-gradient(190deg,  #1c2935, #fff,  #a9a9a9, #808080, #202b33, #1c2935);
    background-size: 800% 800%;overflow: hidden;
    -webkit-animation: AnimationNameH 300s ease-in-out infinite;
    -moz-animation: AnimationNameH 300s ease-in-out infinite;
    -o-animation: AnimationNameH 300s ease-in-out infinite;
    animation: AnimationNameH 300s ease-in-out infinite;}
    @-webkit-keyframes AnimationNameH {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
    @-moz-keyframes AnimationNameH {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
    @-o-keyframes AnimationNameH {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
    @keyframes AnimationNameH {0% {background-position: 1% 0%}
    50% {background-position: 99% 100%}
    100% {background-position: 1% 0%}}
.impact-gradient-R2L {background: linear-gradient(270deg,  #504d4d,#07121c, rgb(41, 41, 41));background-size: 300% 150%;overflow: hidden;-webkit-animation: AnimationName 300s ease-in-out infinite;-moz-animation: AnimationName 300s ease-in-out infinite;-o-animation: AnimationName 300s ease-in-out infinite;animation: AnimationName 23000s ease-in-out infinite;}
.impact-gradient-L2R {background: linear-gradient(135deg, transparent, #a9a9a9ff, #225c8cff,#07121c,  #100000, transparent);background-size: 600% 600%;overflow: hidden;-webkit-animation: AnimationName 130s ease-in-out infinite;-moz-animation: AnimationName 130s ease-in-out infinite;-o-animation: AnimationName 130s ease-in-out infinite;animation: AnimationName 130s ease-in-out infinite;opacity:0.4}
@-webkit-keyframes AnimationName {0% {background-position: 1% 0%}
50% {background-position: 99% 100%}
100% {background-position: 1% 0%}}
@-moz-keyframes AnimationName {0% {background-position: 1% 0%}
50% {background-position: 99% 100%}
100% {background-position: 1% 0%}}
@-o-keyframes AnimationName {0% {background-position: 1% 0%}
50% {background-position: 99% 100%}
100% {background-position: 1% 0%}}
@keyframes AnimationName {0% {background-position: 1% 0%}
50% {background-position: 99% 100%}
100% {background-position: 1% 0%}} 
.Shadow-gradient {background: var(--clr6);background: linear-gradient(to right, #225c8cff 100%, #07121C 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: var(--clr0);}
/*=========================================== Article standard sub-sections CSS ===========================================*/
.articles {display: var(--dsply2);grid-auto-flow: dense;grid-gap: 1rem;grid-template-columns: repeat(3, 63.5%);grid-template-rows: repeat(3, auto);margin: 0 auto;max-width: 63.5%;margin-left: 18.5%;height: auto;}
.article {align-items: left;background: var(--clr0);display: var(--dsply1);justify-content: justify;padding: 1rem;margin-left: 18.5%;margin-right: 5%;width: 92.5%;}
.article,.article--featured,.article--featured1x2 {align-items: left;background: var(--clr0);display: var(--dsply1);justify-content: justify;padding: 1rem;margin-right: 5%;}
.article--featured {grid-column: 1 / span 3;width: 85%;margin-left: 0.5%;margin-right: 5%;}
.article--featured1x2 {grid-column: 1 / span 2;margin-left: 18.5%;width: 85%;margin-right: 5%;}
/*=========================================== Grid sub-sections CSS ===========================================*/
.parent-1col-fw {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;column-gap: 1rem;row-gap: 1rem;max-width: 85%;width:85%;}
.parent-2col {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;column-gap:1rem;row-gap: 1rem;max-width: 77.5%;width: 77.5%;}
.div1-2col {grid-area: 1 / 1 / 2 / 2;}
.div2-2col {grid-area: 1 / 2 / 2 / 3;}
.div3-2col {grid-area: 2 / 1 / 3 / 2;}
.div4-2col {grid-area: 2 / 2 / 3 / 3;}
.div5-2col {grid-area: 3 / 1 / 4 / 2;}
.div6-2col {grid-area: 3 / 2 / 4 / 3;}
.div7-2col {grid-area: 4 / 1 / 5 / 2;}
.div8-2col {grid-area: 4 / 2 / 5 / 3;}
.div9-2col {grid-area: 5 / 1 / 6 / 2;}
.div10-2col {grid-area: 5 / 2 / 6 / 3;}
.div11-2col {grid-area: 6 / 1 / 7 / 2;}
.div12-2col {grid-area: 6 / 2 / 7 / 3;}
.div13-2col {grid-area: 7 / 1 / 8 / 2;}
.div14-2col {grid-area: 7 / 2 / 8 / 3;}
.div15-2col {grid-area: 8 / 1 / 9 / 2;}
.div16-2col {grid-area: 8 / 2 / 9 / 3;}
.div17-2col {grid-area: 9 / 1 / 10 / 2;}
.div18-2col {grid-area: 9 / 2 / 10 / 3;}
.div19-2col {grid-area: 10 / 1 / 11 / 2;}
.div20-2col {grid-area: 10 / 2 / 11 / 3;}




.parent {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;column-gap: 1rem;row-gap: 1rem;max-width: 85%;width: 85%;margin-left: 12.5%;}
.parent-3x10 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;column-gap: 1rem;row-gap: 1rem;max-width: 85%;width: 85%;margin-left: 12.5%;}
.div1-3x10 {grid-area: 1 / 1 / 2 / 2;}
.div2-3x10 {grid-area: 1 / 2 / 2 / 3;}
.div3-3x10 {grid-area: 1 / 3 / 2 / 4;}
.div4-3x10 {grid-area: 2 / 1 / 3 / 2;}
.div5-3x10 {grid-area: 2 / 2 / 3 / 3;}
.div6-3x10 {grid-area: 2 / 3 / 3 / 4;}
.div7-3x10 {grid-area: 3 / 1 / 4 / 2;}
.div8-3x10 {grid-area: 3 / 2 / 4 / 3;}
.div9-3x10 {grid-area: 3 / 3 / 4 / 4;}
.div10-3x10 {grid-area: 4 / 1 / 5 / 2;}
.div11-3x10 {grid-area: 4 / 2 / 5 / 3;}
.div12-3x10 {grid-area: 4 / 3 / 5 / 4;}
.div13-3x10 {grid-area: 5 / 1 / 6 / 2;}
.div14-3x10 {grid-area: 5 / 2 / 6 / 3;}
.div15-3x10 {grid-area: 5 / 3 / 6 / 4;}
.div16-3x10 {grid-area: 6 / 1 / 7 / 2;}
.div17-3x10 {grid-area: 6 / 2 / 7 / 3;}
.div18-3x10 {grid-area: 6 / 3 / 7 / 4;}
.div19-3x10 {grid-area: 7 / 1 / 8 / 2;}
.div20-3x10 {grid-area: 7 / 2 / 8 / 3;}
.div21-3x10 {grid-area: 7 / 3 / 8 / 4;}
.div22-3x10 {grid-area: 8 / 1 / 9 / 2;}
.div23-3x10 {grid-area: 8 / 2 / 9 / 3;}
.div24-3x10 {grid-area: 8 / 3 / 9 / 4;}
.div25-3x10 {grid-area: 9 / 1 / 10 / 2;}
.div26-3x10 {grid-area: 9 / 2 / 10 / 3;}
.div27-3x10 {grid-area: 9 / 3 / 10 / 4;}
.div28-3x10 {grid-area: 10 / 1 / 11 / 2;}
.div29-3x10 {grid-area: 10 / 2 / 11 / 3;}
.div30-3x10 {grid-area: 10 / 3 / 11 / 4;}
.parent-3col {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;column-gap: 1rem;row-gap: 1rem;max-width: 76%;width: 76%;margin-left: 22.5%;}
.div1-3col {grid-area: 1 / 1 / 2 / 2;}
.div2-3col {grid-area: 1 / 2 / 2 / 3;}
.div3-3col {grid-area: 1 / 3 / 2 / 4;}
.parent-2x4 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;column-gap: 1rem;row-gap: 1rem;max-width: 76%;width: 76%;margin-left: 22.5%;}
/* Column 1 */.div1-2x4 {grid-area: 1 / 1 / 2 / 2;}
.div2-2x4 {grid-area: 2 / 1 / 3 / 2;}
.div3-2x4 {grid-area: 3 / 1 / 4 / 2;}
.div4-2x4 {grid-area: 4 / 1 / 5 / 2;}
.div5-2x4 {grid-area: 5 / 1 / 6 / 2;}
.div6-2x4 {grid-area: 6 / 1 / 7 / 2;}
.div7-2x4 {grid-area: 7 / 1 / 8 / 2;}
.div8-2x4 {grid-area: 8 / 1 / 9 / 2;}
.div9-2x4 {grid-area: 9 / 1 / 10 / 2;}
.div10-2x4 {grid-area: 10 / 1 / 11 / 2;}
/* Column 2 */.div11-2x4 {grid-area: 1 / 2 / 2 / 3;}
.div12-2x4 {grid-area: 2 / 2 / 3 / 3;}
.div13-2x4 {grid-area: 3 / 2 / 4 / 3;}
.div14-2x4 {grid-area: 4 / 2 / 5 / 3;}
.div15-2x4 {grid-area: 5 / 2 / 6 / 3;}
.div16-2x4 {grid-area: 6 / 2 / 7 / 3;}
.div17-2x4 {grid-area: 7 / 2 / 8 / 3;}
.div18-2x4 {grid-area: 8 / 2 / 9 / 3;}
.div19-2x4 {grid-area: 9 / 2 / 10 / 3;}
.div20-2x4 {grid-area: 10 / 2 / 11 / 3;}

.parent-4col-3row {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;column-gap: 1rem;row-gap: 1rem;max-width: 76%;width: 76%;margin-left: 22.5%;}
.div1-4col-3row {grid-area: 2 / 1 / 3 / 2;}
.div2-4col-3row {grid-area: 2 / 2 / 3 / 3;}
.div3-4col-3row {grid-area: 2 / 3 / 3 / 4;}
.div4-4col-3row {grid-area: 2 / 4 / 3 / 5;}
/*===========================================
 Hidden article sub-sections CSS 
 ===========================================*/
 #sub24 #sub23 #sub22 #sub21 #sub20 #sub19 #sub18 #sub17 #sub16 #sub15 #sub14 #sub13 #sub12 #sub11 #sub10 #sub09 #sub08 #sub07 #sub06 #sub05 #sub04 #sub03 #sub02 #sub01 #sub00 {display: none;}
label::hover {color: yellow;text-shadow: var(--tShdw0)}
label::after {position: var(--pos0);left: 0;top: 0;color: var(--clr5);display: var(--dsply0);width: 1rem;height: auto;padding: 0.1rem;text-align: left;margin-left: 95%;transition: all .15s;}
.menu-icon {margin-left:1.5rem;vertical-align: middle; text-align:left;width:2rem;height:2rem;}
.sidebar-nav {height: 74%;width: 19.8%;position: fixed; z-index: 1200;top:15%;left: 0;background-color: transparent;overflow-x: hidden; padding-top: 20px;}
.sidebar-nav a {text-decoration: none; color: var(--clr1); display: block;}
.sidebar-nav a:hover {color: yellow;}

 
.wrapper-hp {z-index: var(--Zind);max-width: 100%;height:100%;overflow-x:hidden}
.screamer {width: 95%;text-align: center !important;column-count: 1;}
.wrapper-body {z-index: var(--Zind);}
.wrapper-h1 {z-index: var(--Zind);width: 95%;font-family: var(--fontf1);}
.wrapper-h2 {z-index: var(--Zind);width: 88%;font-family: var(--fontf1);}
.wrapper-h3 {z-index: var(--Zind);width: 85%;font-family: var(--fontf1);}
.wrapper-quote {z-index: var(--Zind);}
.base_body {z-index: var(--Zind); width: 100%; height: auto; color: var(--clr1); line-height: 180%; font-size: 2rem; font-style: normal; font-weight: var(--fontW2); font-family: var(--fontf2); text-align: justify; opacity: 1; letter-spacing: 0px; -moz-column-gap: 1rem; column-gap: 1rem; columns: 1 auto; column-fill: auto; -webkit-columns: 1 auto; -moz-columns: 1 auto; -moz-column-fill: auto;}
.base_quote {z-index: var(--Zind);margin-left: 8.75rem;text-align: justify;font-style: italic;font-weight: var(--fontW1);font-family: var(--fontf3);color: var(--clr1);font-size: 95%;line-height: 140%;width: 85%;letter-spacing: 3px;opacity: 1;-moz-column-count: 1;column-count: 1;}
h1 h2 h3 h4 .base_h1 .base_h2 .base_h3 {z-index: var(--Zind);font-family: var(--fontf1);-moz-column-count: 1;column-count: 1;opacity:1;}
.base_h1 {width: device-width;margin-top: 0;left: 0 auto;margin-bottom: 3rem;color: var(--clr3);font-size: 3.8rem;line-height: 160%;font-style: normal;font-weight: 500;font-family: var(--fontf1);text-align: left;text-shadow: var(--tShdw1);letter-spacing: 7px;opacity:1;}
.base_h2 {z-index: var(--Zind);width: device-width;height: auto;color: var(--clr3);text-shadow: var(--tShdw2);line-height: 120%;font-size: 3rem;font-style: normal;font-weight: 400;font-family: var(--fontf1);padding-top: 1rem;letter-spacing: 3px;text-align: left;opacity: 1;margin-left: .5%;margin-right: 3%;margin-top: 1rem;margin-bottom: 3rem;-moz-column-count: 1;column-count: 1;}
.base_h3 {z-index: var(--Zind);width: device-width;height: auto;color: var(--clr1);line-height: 140%;font-size: 2rem;font-style: normal;font-weight: var(--fontW4);font-family: var(--fontf1);text-align: left;padding-top: 1rem;letter-spacing: 3px;margin-left: 18%;opacity:1;margin-right: 3%;margin-top: 1rem;margin-bottom: 3rem;-moz-column-count: 1;column-count: 1;}
.inferno-wordmark {z-index: var(--Zind);width: 100%;height: auto;color: var(--clr1);line-height: 140%;font-size: 2rem;font-style: normal;font-weight: var(--fontW1);font-family: var(--fontf1);text-align: center;padding-top: 1rem;letter-spacing: 5px;opacity: 1;margin-left: 0%;margin-right: 3%;-moz-column-count: 1;column-count: 1;}
.base_highlight {z-index: var(--Zind);width: 85%;height: auto;color: var(--clr1);line-height: 200%;font-size: 2rem;font-style: italic;font-weight: var(--fontW1);font-family: var(--fontf2);text-align: center;padding-left: 15rem;padding-top: 5rem;padding-bottom: 5rem;opacity: 1;}
.one-hr {z-index: var(--Zind);text-align: center;height: 1px;width: 103%;margin: 0.25rem;background: no-repeat scroll center url('../Images/hr.png');border: var(--clr0);overflow-x:hidden;opacity: 1;}
.body-hr {z-index: var(--Zind);height: 1px;width: 100%;margin-left: 6%;margin-top: 1rem;margin-bottom: 1rem;background: no-repeat scroll center url('../Images/hr.png');border: var(--clr0);overflow-x:hidden;opacity: 1;}
.body-5-hr {z-index: var(--Zind);height: 3.5px;width: 100%;margin-left: 65%;margin-top: 1rem;margin-bottom: 1rem;background: no-repeat scroll center url('../Images/hr.png');border: var(--clr0);overflow-x:hidden;filter: var(--fShdw);opacity: .75;}
.quote-hr {z-index: var(--Zind); text-align: center;height: 1px;margin-top: 2.5rem;margin-bottom: 2.5rem;background: no-repeat scroll center url('../Images/hr.png');border: var(--clr0);overflow-x:hidden;opacity: 1;-moz-column-count: 1;column-count: 1;}
pre {z-index: var(--Zind);font-family: monospace;}


/* START TABLES */
/* Create three equal columns that floats next to each other */
* {box-sizing: border-box;}
col {display: table-column;}
#row {display: var(--dsply1);}
.row {display: var(--dsply1);flex-direction: row;flex-wrap: wrap;padding: 0;width: 95%;}
.column col #col {display: var(--dsply1);flex-direction: column;flex-basis: 100%;flex: 1;z-index: var(--Zind);/* float:center; */width: 92.5%;padding: 1%;margin-top: 0.25rem;margin-bottom: 0.25rem;margin-left: 0.50rem;font-size: 1rem;line-height: 1.2rem;height: auto;}
.column-alpha {background-color: orange;height: auto;}
.column-bravo {background-color: blue;height: auto;}
.column-charlie {background-color: green;height: auto;}
.column-delta {background-color: purple;height: auto;}
.column-echo {background-color: grey;height: auto;}
/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}
p.table {z-index: var(--Zind);margin-top: 0.25rem;margin-bottom: 0.25rem;margin-left: 0.50rem;color: var(--clr6);font-size: 1.5rem;line-height: 1.2rem;-moz-column-gap: 1.5rem;column-gap: 1.5rem;-moz-columns: 2 50px 300px;columns: 2 18ch;-moz-column-fill: auto;column-fill: auto;/*  -webkit-column-rule: 1px dotted var(--clr1);-moz-column-rule: 1px dotted var(--clr1);column-rule: 1px dotted var(--clr1); */height: auto;}
p.head {z-index: var(--Zind);margin-top: 0.50rem;margin-bottom: 0.50rem;margin-left: 0.50rem;color: var(--clr1);font-size: 1.5rem;font-style: normal;font-weight: bold;line-height: 1.2rem;text-align: left;border: 0;-moz-column-gap: 1.5rem;column-gap: 1.5rem;-moz-columns: 2 50px 300px;columns: 2 50px 300px;-moz-column-fill: auto;column-fill: auto;/* -webkit-column-rule: 1px dotted var(--clr1);-moz-column-rule: 1px dotted var(--clr1);column-rule: 1px dotted var(--clr1); */height: auto;}
.note {z-index: var(--Zind);width: 100%;min-height: 60px;margin-right: auto;margin-left: 0;border-top-color: var(--clr6);border-top-style: solid;border-top-width: 0.25rem;border-right-color: var(--clr6);border-right-style: none;border-right-width: 0.25rem;border-bottom-color: var(--clr6);border-bottom-style: solid;border-bottom-width: 0.25rem;border-left-color: var(--clr6);border-left-style: none;border-left-width: 0.25rem;background-color: var(--clr6);font-size: 1rem;text-align: left;vertical-align: top;}
._note_left_icon {z-index: var(--Zind);-moz-column-width: 56px;column-width: 56px;width: 56px;text-align: center;vertical-align: middle;}
.note_icon {z-index: var(--Zind);background-position: center;background-repeat: no-repeat;width: 32px;height: 44px;margin-top: 5px;background-image: url(../Images/IconNote.png);text-align: center;vertical-align: middle;}
.tip_icon {z-index: var(--Zind);background-position: center;background-repeat: no-repeat;width: auto;height: 66px;margin-top: 5px;background-image: url(../Images/IconTip.png);text-align: center;vertical-align: middle;}
.warning_icon {background-position: center;background-repeat: no-repeat;width: 45px;height: 45px;margin: auto;background-image: url(../Images/IconWarning.png);text-align: center;vertical-align: middle;}
._note_right {z-index: var(--Zind);padding: 0.25rem;font-size: 1rem;text-align: left;vertical-align: top;}
.table {z-index: var(--Zind);caption-side: bottom;width: 100%;padding: 0.25rem;border-top-color: #07121c;border-top-style: solid;border-top-width: 0.25rem;border-right-color: #07121c;border-right-style: solid;border-right-width: 0.25rem;border-bottom-color: #07121c;border-bottom-style: solid;border-bottom-width: 0.25rem;border-left-color: #07121c;border-left-style: solid;border-left-width: 0.25rem;color: var(--clr1);font-size: 1rem;text-align: left;vertical-align: top;}
th.head {z-index: var(--Zind);padding: 0.5rem;border-top-style: none;border-right-color: var(--clr1);border-right-style: solid;border-right-width: 0.25rem;border-bottom-color: #A9A9A9;border-bottom-style: solid;border-bottom-width: 0.25rem;border-left-color: var(--clr1);border-left-style: none;border-left-width: 0.25rem;background-color: var(--clr6);color: var(--clr1);font-size: 1rem;font-family: var(--fontf1);text-align: left;vertical-align: top;}
tr.body {z-index: var(--Zind);padding: 0.5rem;border-top-style: none;border-right-color: #000;border-right-style: solid;border-right-width: 0.25rem;border-bottom-color: #A9A9A9;border-bottom-style: solid;border-bottom-width: 0.25rem;border-left-color: var(--clr1);border-left-style: none;border-left-width: 0.25rem;background-color: var(--clr6);color: var(--clr6);font-size: 1rem;text-align: left;vertical-align: top;}
td.body {z-index: var(--Zind);padding: 0.5rem;border-top-style: none;border-right-color: #000;border-right-style: solid;border-right-width: 0.25rem;border-bottom-color: #A9A9A9;border-bottom-style: solid;border-bottom-width: 0.25rem;border-left-color: var(--clr1);border-left-style: none;border-left-width: 0.25rem;background-color: var(--clr6);color: #000;font-size: 1rem;text-align: left;vertical-align: top;}
th {z-index: var(--Zind);font-family:var(--fontf1);padding: 0.5rem;margin:0.5rem; border-bottom: #A9A9A9 solid 1px;background-color: transparent;color: var(--clr1);font-size: 1rem;line-height:160%;text-align:left;vertical-align: top;}
tr {z-index: var(--Zind);font-family:var(--fontf1);padding: 0.5rem;margin:0.5rem; border-bottom: #A9A9A9 solid 1px;color: var(--clr1);font-size: 1rem;line-height:160%;text-align:left;vertical-align: top;}
td {z-index: var(--Zind);padding: 0.5rem;margin:0.5rem; border-bottom: #A9A9A9 solid 1px;background-color: transparent;color: var(--clr1);font-family:var(--fontf1); font-size:1rem;line-height:180%;text-align:left;vertical-align: top;}
.borderless {z-index: var(--Zind);border-style: none;color: var(--clr1);text-align: left;vertical-align: top;margin-top: 0.5rem;margin-bottom: 0.25rem;margin-left: 0.25rem;padding: 0.25rem;font-size: 1rem;line-height: 1.2rem;}
table.indent-06 {z-index: var(--Zind);margin-top: 0.25rem;margin-bottom: 0.25rem;margin-left: 0.6cm;color: var(--clr6);font-size: 1rem;line-height: 1.2rem;}
/* END TABLES */
li.submenu {z-index: 12700;list-style-type: none;padding-left: 1rem;margin-top: 0.25rem;margin-bottom: 0.25rem;color: var(--clr6);font-size: 1rem;opacity: 0;}
li.nav-button {z-index: var(--Zind);list-style: none inside;vertical-align:top; margin-left: 0cm;color: var(--clr1);font-size: 1rem;}
.submenu-label {z-index: 12700;vertical-align: top;font-size: 1rem;margin-top:-0.5rem;color: var(--clr1);font-family:var(--fontf1);font-weight:var(--fontW5);text-shadow: var(--tShdw2);text-align:left;opacity:0.4;}
.submenu-label:hover {z-index: 12700;vertical-align: top;font-family:var(--fontf1);font-size: 1.25rem;color: yellow;text-shadow: var(--tShdw2);text-align:left;opacity:1;}
li {z-index: var(--Zind);vertical-align: middle;list-style: none inside;text-align: left;line-height: 160%;text-indent: -2.3rem;padding-left: 2rem;margin-left: -1.1rem;font-family: var(--fontf2);color: var(--clr1);font-size:1.8rem;
font-weight: var(--fontW1); margin-top: 1.5vh;margin-bottom:1.5vh;}
li.table {z-index: var(--Zind);margin-top: 0.150rem;margin-bottom: 0.150rem;margin-left: 0.150rem;color: var(--clr1);font-size: 1.2rem;}
.ol-li {z-index: var(--Zind);text-align: left;line-height: 140%;text-indent: -1.9rem;padding-left: 2.7rem;margin-left: -2rem;margin-right: -0.5rem;font-family: var(--fontf2);color: var(--clr1);font-size: 1.2rem;font-weight: var(--fontW1);}
ol {margin-left: 3.5rem;list-style-type: decimal;margin-top: 0.25rem;margin-bottom: 0.25rem;text-align: left;color: var(--clr1);font-size: 1.8rem;font-family: var(--fontf2);width: 92.5%;letter-spacing: 0px;}
ul {z-index: var(--Zind);list-style-image: url(../Icons/angle-double-right.svg);margin-top: 0.25rem;margin-left: 1.5rem;margin-right: 1.5rem;margin-bottom: 0.25rem;text-align: left;color: var(--clr1);font-size: 1.8rem;font-family: var(--fontf2);letter-spacing: 0px;width: 92.5%;}

/* ul.footer-list {z-index: var(--Zind);margin-left: 1rem;margin-right: 1rem;font-family: var(--fontf1);width: 100%;} */

li.footer-list {list-style-position: outside;text-indent:-18px;list-style-image: none;text-align: justify;color: var(--clr3);font-family: var(--fontf1);font-weight:400;width: 100%;font-size: 7px;margin-top:0.1rem; margin-bottom:0.1rem;letter-spacing: 2px;}

ul.menu {z-index: var(--Zind);list-style-image: none;color: var(--clr6);}
.center_container {z-index: var(--Zind);display: var(--dsply0);min-width: 100%;max-width: 90%;width: 90%;margin-left: 4rem;margin-right: 4rem;}
.center_body {height: auto;width: 100%;min-width: 100%;max-width: 100%;font-family: var(--fontf2);z-index: var(--Zind);margin-left: 6%;margin-right: 1%;margin-top: 0.5%;font-weight: var(--fontW1);line-height: 1.5rem;font-size: 1rem;opacity: 1;color: var(--clr1);}
.image_container {z-index: var(--Zind);align-content: center;display: var(--dsply2);min-width: 20%;max-width: 98%;width: 98%;margin-top: 3rem;margin-bottom: 3rem;margin-right: 3%;margin-left: 20.5%;}
.bg0 .bg1 .bg2 .bg3 .bg4 .bg5 .bg6 .bg7 .bg8 .bg9 .bg10 {/* Full height */z-index: var(--Zind);height: 100%;width: auto;margin-left: 1%;margin-right: 1%;/* Center and scale the image nicely */background-position: center;background-repeat: no-repeat;background-size: cover;font-family: var(--fontf2);font-style: italic;margin-top: 4%;text-align: justify;font-weight: var(--fontW1);line-height: 1.5rem;font-size: 2rem;opacity: 1;color: var(--clr1);}
.embed {margin: 0 auto;}
.header .footer #header-1700X100 #header-1440X100 #header-800X100 #header-320X100 {position: sticky;display: flexbox;top: 0;left: 0;visibility: visible;overflow-x: hidden;}
.products #products {visibility: visible;opacity: 1;margin-top: -4.5rem;}
.header {z-index: 10010;position: var(--pos3);display: flexbox;flex-wrap: wrap;top: 0;left: 0;width: 100%;height: auto;opacity: 1;}

.footer {z-index: 11113;position: var(--pos3);font-family: var(--fontf1);font-weight: var(--fontW1);text-align: center;background-color: var(--clr0);opacity: 1;bottom: 0;left: 0;padding-top:1rem;width: 18.8%;min-width: 1%;max-width: 19.8%;height: 7rem;}
.para-footer {z-index: var(--Zind);display: table;width: max(80px, 95%);bottom: 0;left: 0;margin-top: 5px;margin-left: 0px;margin-bottom: 0px;text-align: left;font-weight: var(--fontW1);color: var(--clr1);font-family: var(--fontf2);font-size: var(--fontSz1);}

ul ol li {padding: 1px 0px 1px 60px;list-style-position: outside;}

.hangingindent-00 {z-index: var(--Zind);list-style-position: outside;text-indent:-2.5px;list-style-image: none;text-align: justify;color: var(--clr3);font-family: var(--fontf1);font-weight:200;font-size:7pt;margin:0.1rem;width: 100%;}

.hangingindent-01 {z-index: var(--Zind);list-style-position: outside;text-indent:-2.5px;list-style-image: none;text-align: justify;color: var(--clr3);font-family: var(--fontf1);font-weight:400;width: 100%;}

.hindent-01 {z-index: var(--Zind);margin-left: 3rem;text-indent: 0rem;margin-right: 3rem;margin-top: 0.1rem;margin-bottom: 0.1rem;color: var(--clr1);line-height: 1.5rem;font-size: 1.5rem;font-style: normal;font-weight: var(--fontW1);font-family: var(--fontf2);text-align: justify;opacity: 1;}

.hindent-02 {z-index: var(--Zind);width: 20%;height: auto;padding-left: 0rem;margin-left: 1rem;text-indent: -1rem;margin-right: 0rem;margin-top: 0.1rem;margin-bottom: 0.1rem;color: var(--clr1);line-height: 1.2rem;font-size: 0.65rem;font-weight: 400;font-family: var(--fontf2);text-align: left;opacity: 1;}
.container {z-index: var(--Zind);width: 90%;margin-left: 28em;}