/* GLOBALS
-------------------------*/

:root{
--accent-clr:#2ebd64;	
--accent-warmer-clr:#009c3b;
--link-clr:#167239;	
--grey-bg:#f0f0f0;
--hover-bg:#ddf5cf;
--panel-clr:#656565;

--form-fldbg:#f1f1f1;
--form-fldclr:#000;

--table-head-bg:#9f9f9f;
}
*{
box-sizing: border-box;  
font-smooth:always 
}
:focus:not(:focus-visible) { outline: none }
/* DEFAULTS
-------------------------*/
.showSmall{display:none;}

.clear{display: inline-block;clear:both;}
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;font-size:0px;
	height: 0;
}
* html .clear {height: 1%;}

::-webkit-input-placeholder {font-style:italic;opacity:0.8;}
:-moz-placeholder {font-style:italic;opacity:0.8;}
::-moz-placeholder {font-style:italic;opacity:0.8;}
:-ms-input-placeholder {font-style:italic;opacity:0.8; }

textarea:focus, input:focus, input[type]:focus {   
    box-shadow: 0 0 6px #CCC;
    outline: 0 none;
}

@font-face {
    font-family: Proxima;
    src: url('gx5/font/ProximaNova-Regular.woff2') format('woff2'),
        url('gx5/font/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Proxima;
    src: url('gx5/font/ProximaNovaT-Thin.woff2') format('woff2'),
        url('gx5/font/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: Proxima;
    src: url('gx5/font/ProximaNova-Bold.woff2') format('woff2'),
        url('gx5/font/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

IMG{border:0px;margin:0px;padding:0px;line-height:0px;vertical-align:top;max-width:100%;height:auto;object-fit:contain;}
img:-moz-loading {visibility: hidden;}

html, body{
height:100%;width:100%; 
margin:0;padding:0;
}

html{
color:#000101;
font-family: Proxima, Arial, sans-serif;
line-height:1.6em;font-weight:normal;
}


html *{font-family:inherit;}

A,A:link,A:visited{color:var(--link-clr);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;}
A:hover{text-decoration-style:dotted;text-decoration-thickness:2px;}

/* FLEX FONT
-------------------------*/


html{font-size:14px;}

@media screen and (min-width: 700px) {
xhtml.iframe{font-size:calc(9px + (20 - 9) * ((100vw - 800px) / (920 - 800)));}
html.iframe{font-size:20px;}
} 
@media screen and (min-width: 800px) {
	html{font-size:calc(9px + (20 - 9) * ((100vw - 800px) / (1523 - 800)));}
	html.iframe{font-size:20px;}
 
}
@media screen and (min-width: 1523px) { /*1523px=centerWidth + 10% */
html{font-size:20px;}
html.iframe{font-size:20px;}
   
}

.centerWidth{
width:90%;margin:0px auto;max-width:1385px;	
}


html.iframe{overflow:auto;}
html.iframe body{padding:2rem 2rem;}



/* 12 GRID
-------------------------*/
.row{display:flex;flex-flow:row nowrap;align-items: stretch;align-content: start;}



.flex{display:flex;flex-flow:row nowrap;}
.flowdown{flex-flow:column nowrap;}
.vtop{align-items:start;align-content: start;}
.vcenter{align-items:center;align-content: center;}

.hcenter{justify-items:center;justify-content: center;}
.htop{justify-items:start;justify-content: start;}
.hright{justify-items:end;justify-content: end;}

.col-1 {flex: 0 0 8.3333%}
.col-2 {flex: 0 0 16.6666%}
.col-3 {flex: 0 0 25%}
.col-4 {flex: 0 0 33.3333%}
.col-5 {flex: 0 0 41.6666%}
.col-6 {flex: 0 0 50%}
.col-7 {flex: 0 0 58.3333%}
.col-8 {flex: 0 0 66.6666%}
.col-9 {flex: 0 0 75%}
.col-10 {flex: 0 0 83.3333%}
.col-11 {flex: 0 0 91.6666%}
.col-12 {flex: 0 0 100%}

[class*="col-"] {
margin:0;
}
 
h1{margin:2rem auto;padding:0;font-size:2rem; color:var(--accent-warmer-clr);}
/* COOKIE BAR
-------------------------*/

#cookie-bar {display:none;background:#3d3d3d; background: rgba(61, 61, 61, 0.8);  height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:6px 0;font-size:15px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;z-index:9999;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar A{color:#ffffff;text-decoration:underline;}
a.cb-enable,a.cb-disable {color:#981c1e !important; text-decoration:none !important; display:inline-block; border-radius:3px; text-decoration:none; padding:0px 8px; margin-left:15px;}
#cookie-bar .cb-enable {background:#e8bf52;}
#cookie-bar .cb-enable:hover {background:#ffe200;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


/* LOADER
-------------------------*/
.bxLoader{opacity:1;transition:opacity 0.8s ease;}
.bxLoader.loading{position:relative;opacity:0.5;transition:opacity 2s ease;}
.bxLoader.loading::before{content:'';
  display:block;position:absolute;top:clamp(2rem, calc(50% - 2rem),10rem);left:calc(50% - 2rem);
  box-sizing: border-box;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 0.8rem solid rgba(0, 0, 0, 0.5);
  border-top-color: #FFF;
   animation: bxSpin 1s infinite linear;
}
@keyframes bxSpin {
  100% {
    transform: rotate(360deg);
  }
}

/* MESSAGES
-------------------------*/
.midContent{padding:3rem;}
.noresult {
padding:5px 0 5px 4rem;
font-size:1.1rem;font-weight:normal;color:var(--accent-clr);
background: url('gx5/alert/oops.svg') 0px center no-repeat;background-size: auto 1.7rem;
}
.info, .success, .warning, .err, .validation {
border: 1px solid;
margin: 10px 0px;
padding:0.8rem 0.5rem 0.8rem 3rem;
background-repeat: no-repeat;
background-position: 10px center;
background-size: auto 1.9rem;
border-radius:4px;text-align:left;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('gx5/alert/info.svg');
}
.success {
color: #4F8A10;
background-color: #DFF2BF; 
background-image:url('gx5/alert/success.svg');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('gx5/alert/warning.svg');
}
.err {
color: #D8000C;
background-color: #FFBABA;
background-image: url('gx5/alert/error.svg');
}


/* BUTTONS
-------------------------*/
.rbuton,A.rbuton{flex:0 0 auto;display:inline-block;z-index:0;position:relative;text-decoration:none;font-size:1.2rem;line-height:1em;background:var(--accent-clr);color:#fff;margin:0;padding:0.75rem 1.25rem;text-align:center;cursor:pointer;border:solid 1px var(--accent-clr);border-radius:1rem;overflow:hidden;}
.rbuton::after{content:'';position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.2);opacity:0;transform:scaleY(0);transition:opacity 0.4s ease, transform 0.4s cubic-bezier(.76,1.61,.8,.48);}
.rbuton:hover{text-decoration:none;}
.rbuton:hover::after{opacity:1;transform:scaleY(1);}
.rbuton:disabled,.rbuton.disabled{opacity:0.5;cursor:not-allowed;}

.rbuton.white{background:#fff;color:#000;}
.rbuton.white::after{background:var(--hover-bg);}
.rbuton.mega{font-size:2.3rem;line-height:1em;font-weight:bold;text-transform:uppercase;padding:0.6em 0.89em;text-shadow:1px 1px currentColor;}



.nbut,A.nbut{display:inline-block;z-index:0;position:relative;font-size:1rem;line-height:1em;background:var(--accent-warmer-clr);color:#ffffff;margin:0;padding:0.5em 2em;text-decoration:none;text-transform:uppercase;cursor:pointer;border:none;border-radius:0.3em;overflow:hidden;}
.nbut:hover{color:#ffffff;text-decoration:none;}

.nbut::after{content:'';position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;mix-blend-mode: overlay ;background:rgba(0,0,0,0.5);opacity:0;transform:scaleY(0);transition:opacity 0.4s ease, transform 0.4s cubic-bezier(.76,1.61,.8,.48);}
.nbut:hover::after{opacity:1;transform:scaleY(1);}
.nbut:disabled{opacity:0.5;cursor:not-allowed;}

A.sbut{display:inline-block;text-decoration:none!important;font-size:0.85rem;font-weight:normal!important;line-height:1em;background:var(--accent-warmer-clr);color:#fff!important;margin:0;padding:0.3rem 0.5rem;cursor:pointer;border:none;border-radius:0.3rem;}
A.sbut:hover{background:var(--accent-clr);}

/* spec use only */
A.txtButon{display:inline-block;text-decoration:none!important;font-size:0.85rem;font-weight:normal!important;line-height:1em;background:#c11c1b;color:#fff!important;margin:0;padding:0.2rem 0.4rem;cursor:pointer;border:none;border-radius:0.3rem;}
/*
##############################

WINDOWS START

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

/* LOGIN WINDOW
-------------------------*/

#loginOverlay{
position:absolute;overflow:auto;top:0;left:0;height:100%;width:100%;display:none;z-index:1100;
text-align:center;padding-right:16px; 
background:rgba(0,0,0,0.5);
}
#loginform {
position:absolute;display:none;	text-align:center;
z-index:1200;top:6rem;width:20%;min-width:30rem;left:50%;
transform:translate(-50%,0); padding:1rem 2rem;
background:#fff;border:solid 1px var(--accent-warmer-clr);
border-radius:1.5rem;
} 
#loginClose{
position:absolute;z-index:100;height:1.5rem;width:2.5rem;top:0.7rem;right:0.2rem;
cursor:pointer;background:URL(gx5/x.svg) 0 0 no-repeat;background-size:contain;
}
#loginform>form{width:5rem;}
#loginform h3{padding:0;margin:0 0 1rem 0;text-transform:uppercase;font-weight:normal;}
#loginform h3 img{width:auto;height:5rem;margin-bottom:0.5rem;}

#loginform table{width:100%;} 
#loginform TD{padding:0.3rem 0;}
#loginform input{width:100%;font-size:1rem;border:solid 1px #c4c0c6;padding:0.5em 1em 0.5em 4.5rem;height:3rem;border-radius:0.5rem;
background:#fff URL(gx5/login.png) 1rem 0.2rem no-repeat;background-size: 3rem auto;
} 
#loginform input[type=password]{  background-position: 1rem -3.9rem; }
#loginform input:focus {outline-style: none;border:solid 1px var(--accent-warmer-clr);}
#loginform button{padding:0.8rem 4rem;}

/* STRING WINDOW
-------------------------*/
#stringWindow ,#stringWindow  *{
-moz-box-sizing: border-box;
-khtml-box-sizing:border-box;  
box-sizing: border-box;
} 
 
#stringOverlay{
display:none;position:fixed;overflow:auto;top:0;left:0;height:100%;width:100%;z-index:1100;
text-align:center;padding-right:8px; 
background:rgba(0,0,0,0.5);
}
#stringWindow {
display:none;width:50rem;height:auto;max-width:95%;
margin:5% auto 3rem auto;position:relative;
background:#fff;padding:0px;border:solid 1px #fff;
border-radius:1.5rem;box-shadow:0 0 3rem rgba(50,50,50,0.9);
}
#stringContents{}
#stringX{position:absolute;z-index:99;height:1.5rem;width:1.5rem;top:0.5rem;right:0.5rem;cursor:pointer;color:#ccc;}
#stringX::before{content:'✕';}
#stringX:hover{color:#000;}
#stringClose,.stringButton{
display:inline-block;padding:0.5rem 1.5rem;
cursor:pointer;border:none;outline:none;background:var(--accent-warmer-clr);color:#fff!important;border-radius:0.5rem;font-weight:700;text-decoration:none!important;transition:all 0.5s ease;}
#stringClose:hover,.stringButton:hover{color:#fff;background:#037f32;border-radius:0.9rem;}



.aksprofPage{display:flex;flex-flow:column nowrap;height:auto;min-height: auto !important;justify-content:space-between;align-items:center;padding:1rem;}
.aksprofPage>*{flex:1 1 auto;}
.aksprofPage h1{margin-bottom:2rem;color:var(--accent-warmer-clr);}
.aksprofPage .textPart{font-size:1.1rem;}
.aksprofPage .textPart:last-of-type{width:90%;text-align:center;padding:1rem;margin-top:1rem;}
.aksprofPage .graphPart IMG{width:18rem;max-width:80%;height:auto;object-fit:contain;}
.aksprofPage .button{}


.takeFirstPage{border:none;position:relative;}
.takeFirstPage h1{margin:2rem auto;padding:0;font-size:1.5rem;font-weight:normal; color:var(--accent-warmer-clr);}
.takeFirstPage .textPart{font-size:1.1rem;}
.takeFirstPage .graphPart IMG{width:9rem;max-width:80%;height:auto;object-fit:contain;}
.takeFirstPage .textPart:last-of-type{text-align:center;padding:1rem;margin-top:1rem;}
.takeFirstPage .stringButton{display:inline-block;}
.takeFirstPage #txgrl{width:100%;max-width:14rem;height:100%;object-position:50% 100%;}
.takeFirstPage #evp1{position:absolute;z-index:0;width:2.5rem;top:3rem;left:4rem;transform:rotate(16deg);}
.takeFirstPage #evp2{position:absolute;z-index:0;width:3.5rem;top:26%;left:83%;transform:rotate(-18deg);}
.takeFirstPage #evp3{position:absolute;z-index:0;width:4.5rem;top:75%;left:70%;transform:rotate(10deg);}


/* ALIKE STRING WINDOW
-------------------------*/
.thanksPageWrp:before{content:'';position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;bottom:0;background:URL(gx5/fpbg.jpg) 0 0 no-repeat;background-size:100% 100%; }
.thanksPageWrp{position:static;padding:4rem 2rem;}
.thanksPage{position:relative;margin:0 auto;padding:2rem 2rem 0 2rem;width:100%;max-width:45rem;min-height:25rem;z-index:1;background:#fff;border-radius:1rem;text-align:center;}

.thanksPage #txgrl{width:100%;max-width:14rem;height:100%;object-position:50% 100%;}
.thanksPage #evp1{position:absolute;z-index:-1;width:2rem;top:3rem;left:4rem;transform:rotate(-16deg);}
.thanksPage #evp2{position:absolute;z-index:-1;width:3.5rem;top:30%;left:83%;transform:rotate(14deg);}
.thanksPage #evp3{position:absolute;z-index:-1;width:3.5rem;top:85%;left:50%;transform:rotate(10deg);}

.thanksPage h1{margin:2rem auto;padding:0;font-size:3rem;font-weight:normal; color:var(--accent-warmer-clr);}
.thanksPage .textPart{margin:2rem 0;padding:0;font-size:1.1rem;}
.thanksPage .textPart>div{margin:0 auto 1rem auto;font-size:0.9rem;line-height:1.2em; color:#e32;}

.thanksPage h5{margin:2rem auto 1rem auto;padding:0;max-width:15rem;font-size:1.2rem;font-weight:bold; color:var(--accent-warmer-clr);}
@media screen and (max-width: 800px) {
.thanksPage>div:first-of-type{order:3;}
.thanksPage #evp1{top:3rem;left:1rem;transform:rotate(-16deg);}
.thanksPage #evp2{top:59%;left:5%;transform:rotate(14deg);}
.thanksPage #evp3{top:55%;left:80%;transform:rotate(-6deg);}
}

/* ALERT WINDOW
-------------------------*/
#alertWindow ,#alertWindow  *{
-moz-box-sizing: border-box;
-khtml-box-sizing:border-box;  
box-sizing: border-box;
} 
#alertWindow {
width:970px;height:200px;z-index:1200;
margin:10px auto 24px auto;
position:absolute;background:#fff;padding:0px;border:solid 1px #fff;
border-radius:1.5rem;
} 
#alertOverlay{
position:absolute;overflow:auto;top:0;left:0;height:100%;width:100%;display:none;z-index:1100;
text-align:center;padding-right:16px; 
background:rgba(0,0,0,0.5);
}
#alertToolbar{
height:1rem;cursor:move;position:relative;
}
#alertReload{
cursor:pointer;position:absolute;top:-18px;right:35px;
}
#alertClose{
position:absolute;z-index:100;height:1.5rem;width:2.5rem;top:0.7rem;right:0.2rem;
cursor:pointer;background:URL(gx5/x.svg) 0 0 no-repeat;background-size:contain;
}

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

WINDOWS END

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

 


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

FRONTPAGE START

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


.centerPad{padding:2rem 4rem;}
.centerHeight{height:auto;min-height:65vh;position:relative ;}




 



#ccButt{display:inline-block;width:auto;color:var(--accent-clr);text-decoration:none;text-transform:uppercase;font-size:1rem;line-height:1em;font-weight:normal;padding:0 0.5em;
text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;}
#ccButt.slided{background:var(--accent-clr);color:#fff;border-radius:0.2rem;}

#ccInf{display:inline-block;width:auto;color:#666562;text-decoration:none;text-transform:uppercase;font-size:1rem;line-height:1em;font-weight:normal;padding:0;margin-right:1em;}
#ccInf IMG,#ccInf svg{display:inline-block;padding:0;margin:0;vertical-align:middle;line-height:0;width:1.2em;height:0.9em;margin:-0.2em 0 auto 0.2em;}

#ccTable{display:none;position:absolute;z-index:111;width:100%;height:auto;background:#fff;}
#ccTable.slided{}

 

#ccTableInn2{display:grid; grid-template-columns: repeat(3, 1fr);gap:0.5rem 4rem;justify-content:space-evenly;background:#ffffff;}
.ccCell2{width:100%;max-width:16rem;padding:0.2rem;display:flex;flex-flow:row nowrap;justify-content:space-between;}
.ccCell2:hover{background-color:var(--hover-bg);} 
.ccCell2>*{flex:0 0 auto;}
.ccCell2 .ccLnk,.ccCell2 A{color:#03513d;font-size:1rem;text-transform:uppercase;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;}
.ccCell2 A:hover{text-shadow:1px 0 var(--accent-clr);}
.ccCell2 .ccLnk IMG,.ccCell2 .ccLnk svg{display:inline-block;margin:-0.1em 0.3em 0 0;width:1.3em;height:1em;border:solid 1px #cccccc;vertical-align:middle;}
.ccCell2 .ccRight{width:5em;text-align:center;text-transform:uppercase;color:#009c3b;white-space:nowrap;}
.ccCell2 .ccLnk.sel{font-weight:bold;text-decoration:underline;color:#e51600 !important;animation: blinker 0.8s step-start infinite;}

@keyframes blinker {
  50% {
    opacity: 0.8;
  }
}





#fpTopDiv>.centerWidth{display: flex;flex-flow: row nowrap;align-items: stretch;align-content: start;}
#fpLogo{flex:0 0 33%;padding:0 0 0.4rem 1rem;}
#fpLogo IMG{width:100%;height:100%;min-width:10rem;object-position:0 50%;object-fit:contain;}
#fpTopRight{flex:1 1 auto;display: flex;flex-flow: row wrap;justify-content: end;align-items: center;align-content: center;}
#fpTopDiv .rbuton{margin-left:0.6rem;}
#fpLogRgButs{display: flex;flex-flow: row nowrap;align-items: center;align-content: center;}


#zHello{display:flex;flex-flow:row nowrap;align-items:center;}
#zHello>IMG{flex: 0 0 auto;width:1.3rem;margin-right:0.5rem;}
#zHello>span{flex: 1 1 auto;font-size:1rem;line-height:1.15em;}
#zHello>span>b{font-weight:normal;display:block;color:var(--panel-clr);}
#zHello>span>b>i{font-style:normal;color:var(--accent-clr);text-shadow:1px 0 currentColor;}
#zHello>span>a{display:block;width:100%;color:var(--panel-clr);font-size:1rem;text-decoration:none;}
#zHello>span>a:hover{color:#81ed37;}

#exitBut{height:2.7rem;display:inline-block;vertical-align:middle;background:URL(gx5/exit.svg) 50% 0em no-repeat;background-size: 2em auto;padding:1.7em 0.4em 0 0;
font-size:0.75rem;font-weight:bold;color:var(--panel-clr);text-transform:uppercase;margin-left:1.5em!important;text-decoration:none;}
#exitBut:hover{filter: brightness(180%);text-decoration:none;} 






#fpHero{background:URL(gx5/fpbg.jpg) 0 0 no-repeat;background-size:100% 100%;}
#fpHero>.centerWidth{height:80vh;min-height:30rem;max-height:40rem;}
#fpHero>.centerWidth>div{height:100%;position:relative;padding:0 0.5rem;}



#fpHeroEarnWrap{min-width:26.5rem;}
#fpHeroPaid{position:absolute;top:0;left:0;width:100%;padding:0.55rem 1rem;margin:0;background:#2ebd64;font-weight:normal;color:#fff;text-shadow:1px 0 currentColor;text-align:center;
font-size:1.2rem;line-height:1em;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;}
#fpHeroEarn,#fpHeroJoin{margin:24vh 0 0 0;padding:0;display:inline-block;font-size:4rem;line-height:1.1em;font-weight:normal;text-shadow:2px 0 currentColor;}
#fpHeroEarn B{font-weight:inherit;color:var(--accent-clr);}
#fpHeroEarnWrap>P{margin:0;padding:0.8rem 0 0 0;font-size:0.9rem;text-shadow:1px 0 currentColor;}

#fpHeroJoinWrap>P{margin:0;padding:0;font-size:1.2rem;}
#fpHeroJoin{font-size:3.1rem;line-height:1.1em;color:var(--accent-warmer-clr);}

#fpGrl1{flex:0 0 calc( 33% - 3rem );}
#fpGrl1>IMG{bottom:0;position:absolute;margin-left:-3rem;width:calc(100% + 2.5rem);max-width:initial;}

#fpHero .rbuton.mega{min-width:82%;margin-top:2rem;font-size:2.3rem;}



#fpTree>.centerWidth{min-height:23.5rem;}
#fpTree>.centerWidth>div{padding:1rem 0;}
#fpTree>.centerWidth>div>IMG{max-height:5rem;margin-bottom:1rem;}
#fpTree>.centerWidth>div>H5{padding:0;margin:0;font-size:1.1rem;color:var(--accent-warmer-clr);text-align:center;font-weight:normal;text-shadow:0.5px 0 currentColor;}
#fpTree>.centerWidth>div>P{padding:0;margin:0;font-size:0.92rem;max-width:11rem;text-align:center;font-weight:normal;text-shadow:0.3px 0 currentColor;}
#fpTree>.centerWidth>div>P>B{font-weight:inherit;font-size:1.1rem;color:var(--accent-clr);}



#fpTtext{background:var(--grey-bg);}
#fpTtext>.centerWidth{min-height:2.5rem;}
#fpTtext>.centerWidth>div{padding:2rem 2rem;}
#fpTtextGrl{position:relative;padding:0!important;}
#fpTtextGrl>img{bottom:0;height:115%;width:auto;position:absolute;}
#fpTtext>.centerWidth>div>P{padding:0;margin:0;font-size:0.92rem;max-width:11rem;text-align:left;font-weight:normal;text-shadow:0.3px 0 currentColor;}
#fpTtext>.centerWidth>div>P>B{font-weight:inherit;font-size:1.1rem;color:var(--accent-clr);}







#botomlinks{text-align:center;position:relative;display:block;width:100%;margin:0px;padding:1.5rem 0;background:var(--accent-warmer-clr);}
#botomcop{background:#ffffff;text-align:center;padding:1.8rem 0; color:#000101;font-size:1rem;text-transform:uppercase;}
#botmenu-chk {display: none;}
#botmenu-chk:checked + #botmenu {visibility:visible;height:auto;bottom:5.5rem;box-shadow:0 -50px  250px #000000;}
#botmenu-toggle {display: none;position:relative;cursor:pointer;padding:0.1rem 0 0.15rem 0;border-top:solid 0.7rem #fff;border-bottom:solid 0.7rem #fff;user-select:none;}
#botmenu-toggle::before{content:'';display:inline-block;width:5rem;height:0.1rem;border-bottom:solid 0.7rem #fff;}
#botmenu {display: block;overflow:hidden;list-style:none;padding:0;margin:0;box-shadow: none;transition:all 0.3s ease;background:inherit;}
#botmenu LI{display:inline-block;padding:0;margin:0 1rem;}
#botmenu A{display:inline-block;font-size:1rem;font-weight:normal;color:#ffffff;text-decoration:none;text-transform:uppercase;padding:0.4rem 0.5rem;}
#botmenu A:hover,#botmenu A:active{color:#222222;}



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

FRONTPAGE  END

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



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

REGFORM UNIVERSAL

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

 
#usrform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 text-transform:uppercase;font-style:italic; color: #787373;opacity:1;
}
#usrform input::-moz-placeholder { /* Firefox 19+ */
text-transform:uppercase;font-style:italic; color: #787373;opacity:1;
}
#usrform input:-ms-input-placeholder { /* IE 10+ */
text-transform:uppercase;font-style:italic; color: #787373;opacity:1;
}
#usrform input:-moz-placeholder { /* Firefox 18- */
text-transform:uppercase;font-style:italic; color: #787373;opacity:1;
}

#usrform{width:85%;font-size:1rem;}
#usrform .fldwrap{display:block;}
#usrform INPUT[type=text],#usrform INPUT[type=password],#usrform SELECT, #usrform .inputsim{width:100%;background:#e2e2e2;font-size:1rem;color:#222222;text-align:left;border:none;padding:0.4em 0.6em;margin:0.2rem 0px;border-radius:0.3em;}
#usrform SELECT{padding:0.3em 0.5em;}

#usrform .inputsim {padding-top:0;padding-bottom:0;}
#usrform .inputsim SELECT{padding:0.1em 0.3em;margin:0;background:#f4f4f4;border:solid 1px #ccc;}

#usrform INPUT[type=checkbox]{background:#e2e2e2;border:solid 1px #e2e2e2;}

.myChk{position:relative;overflow:visible; display:inline-block; vertical-align:middle;width:1.2rem;height: 1.2rem;margin:0 0; background: #e2e2e2;border-radius:2px;}
.myChk input {position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;opacity:0.1;}
.myChk i {
display: block; visibility:hidden;text-align:center;font-size:2rem;width:1rem;height:1rem;font-weight:bold;color:var(--accent-warmer-clr);text-shadow:1px 0 1px currentColor;
}
.myChk input:checked + i {visibility:visible;}


#usrform .nbut {padding:0.8em 2em;font-size:1.1rem;}
 

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

REGFORM UNIVERSAL  END

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




















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

MEDIA QUERIES START

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

 

@media screen and (max-width:800px) {
/* DEFAULTS */
.showSmall{display:initial;}
.hideSmall{display:none;}
	
.centerWidth{width:96%;}	
.centerPad{padding:2rem 3rem;}	
/* 12 GRID */
.row{flex-flow:row wrap;}
[class*="col-"] {margin:0;flex:0 0 100%;max-width:100%;}

/* FRONTPAGE */
#fpTopDiv{position:relative;margin-bottom:1rem;}

#fpTopRight{flex:1 1 67%;display: flex;flex-flow: row wrap;justify-content: end;align-items: center;align-content: center;padding-top:0.5rem;}
#fpTopDiv .rbuton{margin:0 0.25rem;font-size:1rem;padding:0.4em 0.8em;}
#fpLogo{flex:0 1 33%;padding:0 0.5rem 0 0;}
#fpLogo IMG{min-width:9.5rem;max-width:14rem;object-position:0 50%;object-fit:contain;}
#fpLogRgButs{width:100%;display: flex;flex-flow: row nowrap;justify-content:end;align-items: center;align-content: center;}
#zHello>IMG{flex: 0 0 auto;width:1.1rem;margin-right:0.5rem;}

#ccButtWrp{top:calc(100% - 0.1rem);left:0;width:100%;position:absolute;display: flex;flex-flow: row nowrap;justify-content:end;align-items: center;align-content: center;}
#ccButt,#ccInf{font-size:0.85rem;}


#ccTableInn2{grid-template-columns: repeat(2, 1fr);gap:0rem 1rem;}
.ccCell2{width:100%;max-width:16rem;flex-flow:row wrap;}
.ccCell2>*{flex:0 0 100%;}
.ccCell2 .ccRight{width:auto;text-align:left;}



#fpHero>.centerWidth{height:auto;min-height:initial;max-height:initial;padding:0;}
#fpHero>.centerWidth>div{padding:2rem;}
#fpHeroPaid{position:absolute;top:0;left:0;width:a;padding:0.55rem 1rem;margin:0;font-weight:bold;color:#fff;text-shadow:none;text-align:center;
font-size:0.9rem;line-height:1em;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;}
#fpHeroEarnWrap {min-width: initial;}
#fpHeroEarn,#fpHeroJoin{margin:2rem 0 0 0;padding:0;display:inline-block;font-size:2rem;line-height:1.1em;font-weight:normal;text-shadow:none;}
#fpGrl1{flex:0 0 100%;padding:0!important;margin:0;text-align:center;}
#fpGrl1>IMG{position:static;padding:0;margin:0;width:70%;max-width:18rem;}

#fpHeroJoinWrap{display:none;}
	

#fpTree>.centerWidth{height:auto;min-height:initial;max-height:initial;}
#fpTree>.centerWidth>div>IMG{margin-bottom:0rem;}

#fpTtext{background:var(--grey-bg);}
#fpTtext>.centerWidth{min-height:22rem;}
#fpTtextGrl{text-align:center;background:#fff;}
#fpTtextGrl>img{position:static;padding:0;margin:0;height:auto;width:67%;max-width:18rem; }
#fpTtext>.centerWidth>div{padding:2rem 2rem;}
#fpTtext>.centerWidth>div>P{padding:0;margin:0;max-width:initial;font-weight:normal;}
/* FRONTPAGE */





}

 

@media screen and (max-width:470px) { 
 



}
/*
##############################

MEDIA QUERIES END

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