:root {
/*Bgs*/	
--bluebg:#092a68;
--bluebg_grad:linear-gradient(-12deg, #041e50, #113476);
--bluebg_grad2:linear-gradient(0deg, #2f549b, #113476);
--wht_grad:linear-gradient(180deg, #ffffff, #dddddd);
/*Colors*/
--bluecol:#123068;
--ctacol:#53b791;
--ctacol_hov:#48ab85;
--ctacol_hov2:#3e9a77;
--ctacol_grad:linear-gradient(0deg, #3c9975, #53b791);
--ctacol2:#fd8c34;
--ctacol2_hov:#ea7d27;
--ctacol2_grad:linear-gradient(-12deg, #ea691d, #ff9f3e);
--ctacol2_grad_hov:linear-gradient(-12deg,#db621c,#ff9f3e);
}
@keyframes rfadeIn {from{opacity:0}to{opacity:1}}
@keyframes rfadeOut {0%{opacity:1}100%{opacity:0}}
@keyframes rpushUp {from {opacity:0; transform:translateY(20px) scale(0.98); filter:blur(10px)} to {opacity:1; transform: translateY(0px) scale(1); filter:blur(0px)}}
@keyframes rpushDwn {from {opacity:1; transform:translateY(0px) scale(1); filter:blur(0px)} to {opacity:0; transform:translateY(25px) scale(0.98); filter:blur(10px)}}
@keyframes pstripes { 0% {background-position:0 0} 100% {background-position:60px 0} }
@keyframes shaky {10%,90%{transform:translateY(-1px)}20%,80%{transform:translateY(2px)}30%,50%,70%{transform:translateY(-2px)}40%,60%{transform:translateY(2px)}}
@keyframes spushUp {from {opacity:0; transform:translateY(10px)} to {opacity:1; transform:translateY(0px)}}
@keyframes rpushUp2 {from {transform:translateY(120%)} to {transform:translateY(0%)}}
@keyframes spin {0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes Pop {0%{transform:scale(0.8)}30%{opacity:1}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}
* {cursor:inherit; font-family: 'geomanist', sans-serif}
.rnd {border-radius:50%}
.tcenter {text-align:center}
.ctrd {position:absolute; transform:translate(-50%,-50%); top:50%; left:50%}
.solay {position:fixed; width:100%; height:100vh; height:100dvh; z-index:1000; background:rgba(4,40,76,0.8); backdrop-filter:blur(8px); display:none}
.solay.show {display:flex; opacity:0; animation:rfadeIn 0.25s; animation-fill-mode:forwards}
.solay.hide {animation:none; opacity:1; display:flex; animation:rfadeOut 0.25s; animation-fill-mode:forwards; animation-delay:0.15s}
.reglbox {display:none; overflow:hidden; width:96%; height:94%; background:#f3f5ff; z-index:100; border-radius:2vw; opacity:0; transform:scale(0.98); border-bottom:2px solid #53b791; border-top:2px solid #53b791; box-shadow:0 3px 8px rgb(2 24 47 / 50%)}
.reglbox:before {content:''; position:absolute; width:100%; height:100%; background-image:repeating-linear-gradient(45deg, #052952 0px, #052952 1px, transparent 1px, transparent 36px); z-index:0; pointer-events:none; opacity:0.05; -webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat}
.show .reglbox {display:flex; opacity:0; animation:rpushUp 0.15s; animation-fill-mode:forwards; animation-delay:0.1s}
.reglbox.hide {animation:none; animation:rpushDwn 0.15s; animation-fill-mode:forwards}
#mregiwrp select, #mregiwrp input {width:100%; border:none; border:2px solid #103681; border-radius:7px; padding:1.25vw 1.75vw; margin-bottom:1vw; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; font-family:'geomanist', sans-serif; font-size:2vw; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor:pointer; line-height:1.1em; color:#04286e; font-weight:500; background:#fff; box-shadow:0 1px 2px #ddd; overflow:hidden}
#mregiwrp input {cursor:text}
#mregiwrp select {background:url(../images/select2.svg) no-repeat #fdfdff; background-position: center right; background-position-x: 96.5%; background-size: 1.2vw}
#mregiwrp select, #mregiwrp select * {-moz-appearance: none; -webkit-appearance: none; appearance: none}
#mregiwrp select:focus {outline:none; box-shadow:none; border-color:initial}
#mregiwrp input:-ms-input-placeholder {color:#04286e}
#mregiwrp input::-ms-input-placeholder {color:#04286e}
#mregiwrp input::placeholder {color:#04286e}
#mregiwrp input::-moz-placeholder {color:#04286e}
#mregiwrp select:hover, #mregiwrp select:focus, #mregiwrp select:visited, #mregiwrp input:hover, #mregiwrp select.selected {border-color:#53b791; -moz-appearance: none; -webkit-appearance: none; appearance: none}
#mregiwrp .reginf {margin-top:0.2vw}
#mregiwrp .reginf .termsaccept {width:1.7vw; height:1.7vw; background:#fff; margin-right:0.75vw; padding:0; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:2px solid #103681; cursor:pointer; display:none}
#mregiwrp .reginf .termsaccept:hover {border-color:#53b791}
#mregiwrp .reginf .termsaccept.active {background:url(../images/check10.svg) no-repeat center center #FFF; background-size:85%}
#mregiwrp .reginf p {font-weight:600; font-size:1.15vw; line-height:1.2em; letter-spacing:0.025vw; text-align:center; flex:1; font-style:italic}
#mregiwrp .reginf p a {color:#103681; font-weight:inherit; font-weight:700; text-decoration:none}
#mregiwrp .reginf p a:hover {color:#53b791; text-decoration:underline}
#mregiwrp .reginf p span {font-weight:inherit}
#mregiwrp .reginf p span.u {text-decoration:underline}
#mregiwrp .reginf p span.mob {display:none}
#mregiwrp input.err {border-color:#ff0000; animation:shaky 0.4s; animation-fill-mode: forwards; background:#f8e1e1}
#mregiwrp select.err {border-color:#ff0000; animation:shaky 0.4s; animation-fill-mode: forwards; background: url(../images/select2.svg) no-repeat #f8e1e1; background-position: center right; background-position-x:96.5%; background-size:1.3vw}
#mregiwrp {margin-top:2vw; padding:0 5%}
.reglbox .mhandle {display:none}
.ctabtn .spin {width:3.5vw; height:3.5vw; animation:spin 1.5s linear infinite; box-shadow:0 3px 0 #fff; z-index:2; display:none}
.ctabtn.load .spin {display:block}
.ctabtn.load span.tx {opacity:0}
.ctabtn .ar {display:inline-block; width:1.5vw; margin-left:0.75vw; filter:drop-shadow(0 1px 1px #c3651f)}
#mregiwrp .existserr {color:#fff; font-size:1.125vw; letter-spacing:0.05vw; line-height:1em; padding:1vw; background:#e94f4f; border-radius:7px; text-align:center; margin-bottom:1vw; font-weight:600; box-shadow:0 1px 2px #ddd; text-shadow:0 1px 1px #c93635; display:none}

/*-----------------------------------------*/
.rlbhead, .rlbbtm {background:var(--bluebg_grad); z-index:2; padding:1vw}
.rlbmain {width:100%; flex:1; z-index:1; overflow-y:scroll; scrollbar-width:none; -ms-overflow-style:none}
.rlbmain::-webkit-scrollbar {display:none}
.rlbmain .rlmwrp {max-width:40%; background:#fff; box-shadow:0 0 10px #e3e6f7; border-right:1px solid #e1e5f9; border-left:1px solid #e1e5f9; padding:2.5vw 1.75vw}
.rlbmain .rlmwrp:before {content:''; position:absolute; width:100%; height:3vw; z-index:0; background:linear-gradient(0deg, #ffffff, rgb(239 241 255 / 80%))}
.rlbhead {border-bottom:2px solid #53b791; padding:1vw 1vw 1vw 1.5vw}
.rlbbtm {border-top:2px solid #53b791; padding:1.5vw}
.rlbhead h2 {color:#fff; font-weight:700; color:rgb(255 255 255 / 48%); font-size:1.5vw; letter-spacing:0.2vw; text-transform:uppercase}
.rlbhead .rtitle .ic {width:1.5vw; margin-right:0.5vw}
.reglbox .rlbhead .rtitle {display:none}
.reglbox.signup .rlbhead .rtitle.su, .reglbox.onboarding .rlbhead .rtitle.ob {display:flex}
.rclose {width:2.5vw; height:2.5vw; background:var(--ctacol_grad); cursor:pointer; left:auto; right:0; border:2px solid #53b690}
.rclose:hover {border-color:#fff}
.rclose img {width:46%; filter:drop-shadow(0 1px 1px #3a9b76)}
.nxtbtn {text-transform:uppercase; font-size:2.5vw; min-width:40%; font-weight:800; letter-spacing:0.075vw}
.sprog {border-radius:0.5vw}
.sprog p {color:#9db2db; font-size:0.8vw; margin-right:0.5vw; text-transform:uppercase; font-weight:600; letter-spacing:0.065vw; font-style:italic; line-height:0.9em; text-shadow:0 1px 1px #052157}
.sprog .sprogbar {height:0.65vw; width:12vw; flex:1; background:#3e61a7; box-shadow:0 1px 1px #1c3b76; border:1px solid #4674ca; box-shadow:0 1px 1px #032055; overflow:hidden}
.sprog .sprogbar .pline {position:absolute; height:100%; left:0; top:0; background:#53b791; width:0%; border-radius:50px; transition:0.3s all; transition-timing-function:ease-out; overflow:hidden; transition-delay:0.3s; z-index:100}
.sprog .sprogbar .pline:before {content:''; position:absolute; width:100%; height:100%; background-size:30px 30px; background-image:linear-gradient(135deg,rgba(255, 255, 255, .15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .15) 50%,rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); animation:pstripes 5s linear infinite}
.sprog .sprogbar .pline.start {width:50%; transition:0.3s all; transition-timing-function:ease-out; transition-delay:0.3s}
.sprog .sprogbar .pline.two {width:62%}
.sprog .sprogbar .pline.three {width:72%}
.sprog .sprogbar .pline.four {width:82%}
.sprog .sprogbar .pline.five {width:92%}
.sprog .sprogbar .pline.finished {width:100%}
.reglbox .sstep {width:100%; opacity:0; display:none}
.reglbox .sstep.active {display:flex; opacity:0; animation:spushUp 0.5s; animation-fill-mode:forwards; animation-delay:0.25s}
.fwbanner {padding:1.75vw; border-radius:20px; box-shadow:0 1px 2px #ddd; background:var(--bluebg_grad); overflow:hidden; border:2px solid var(--ctacol); margin-bottom:2vw}
.fwbanner:before {content:''; position:absolute; width:100%; height:100%; background-image:repeating-linear-gradient(45deg, white 0px, white 1px, transparent 1px, transparent 20px); z-index:0; pointer-events:none; opacity:0.1}
.fwbanner .dates {color:#fff; font-weight:700; line-height:1em; font-size:1.75vw; letter-spacing:0.15vw; font-style:italic; text-transform:uppercase; margin-bottom:0.75vw; color:var(--ctacol); z-index:2; text-shadow:0 1px 1px #031a46}
.fwbanner .logo {width:80%; line-height:1em; z-index:2}
.reglbox .sstep p, .reglbox .ostep h5 {font-weight:700; font-size:1.5vw; letter-spacing:0.075vw}
.reglbox .sstep.one p.tp {padding:0 5%}
.reglbox .ostep .errtx {width:100%; color:#fff; text-align:center; border-radius:5px; background:linear-gradient(180deg, #fe6e0f, #d76808); font-size:1.125vw; letter-spacing:0.1vw; margin-bottom:1vw; line-height:1em; padding:1vw 15%; font-weight:600; box-shadow:0 1px 1px #ddd; text-shadow:0 1px 1px #bb5a06; display:none}
.reglbox .ostep .errtx.show {display:flex}
.reglbox .serror {color:#fff; text-align:center; font-size:1.25vw; letter-spacing:0.05vw; background:linear-gradient(0deg, #e53e0d, #f45428); padding:1vw 2vw; font-weight:600; text-shadow:0 1px 1px #cf360a; border:1px solid #ff6c44; display:none}

/* Steps */
.reglbox .sstep.two .tpwrp {padding-bottom:1.5vw; margin-bottom:1.5vw; border-bottom:2px solid #ebedfa}
.reglbox .sstep.two h6 {font-size:2.25vw}
.reglbox .sstep.two h6 .ic {display:inline-block; width:2.25vw; margin-right:0.5vw; margin-top:-0.5vw; vertical-align:middle}
.reglbox .sstep.two.active h6 .ic {opacity:0; animation:Pop 0.3s; animation-fill-mode:forwards; animation-delay:0.7s}
.reglbox .sstep.two p {padding:0 7%; margin-top:1.5vw}
.reglbox .sstep.two p span.w {color:#ed7122}
.reglbox .ostep h5 {font-size:1.45vw; letter-spacing:0.05vw}
.reglbox .ostep.one h5, .reglbox .ostep.three h5 {padding:0 10%}
.reglbox .ostep .ooptns {padding:0 20%; margin-top:1.5vw}
.reglbox .ostep .ooptns .ooptn {width:100%; border-radius:7px; font-size:1.25vw; font-weight:700; text-transform:uppercase; line-height:1em; padding:1vw 2vw; margin-bottom:0.65vw; cursor:pointer; color:#fff; background:var(--ctacol); letter-spacing:0.1vw; text-shadow:0 1px 1px #2b976e; box-shadow:0 1px 1px #ddd; border:1px solid #b5fbe0; text-align:center}
.reglbox .ostep .ooptns .ooptn:last-child {margin-bottom:0}
.reglbox .ostep .ooptns .ooptn:hover {background:var(--ctacol_hov2)}
.reglbox .ostep .ooptns .oopset.slct .ooptn {opacity:0.7}
.reglbox .ostep .ooptns .oopset.slct .ooptn.selected {opacity:1; background:var(--ctacol_hov2)}
.reglbox .ostep {display:none}
.reglbox .ostep.active {display:flex; opacity:0; animation:spushUp 0.5s; animation-fill-mode:forwards; animation-delay:0.25s}
.reglbox .ostep.three .oopset {padding-bottom:1.5vw; margin-bottom:1.5vw; border-bottom:2px solid #ebedfa}
.reglbox .ostep.three .oopset:last-child {padding-bottom:0; margin-bottom:0; border:none}
.reglbox .ostep .oopset.age {gap:1vw}
.reglbox .ostep .oopset.age .ooptn {flex:1; margin:0; flex-basis:40%}
.reglbox .ostep .oopset.age h6 {width:100%; color:#1f3f7b; text-transform:uppercase; font-size:1.75vw; letter-spacing:0.07vw}
.reglbox .ostep .ooptns .ooptn .ic {display:inline-block; width:1.25vw; margin-right:0.5vw; filter:drop-shadow(0 1px 1px #3a9b76)}
.reglbox .ostep .ooptns .gender .ooptn:nth-child(3) .ic {width:0.9vw; margin:-1vw 0.5vw -1vw 0}
.reglbox .ostep .ooptns .gender .ooptn:nth-child(4) .ic {width:1.2vw}
 
@media screen and (max-width:1300px) {
.rlbhead {padding:15px 12px 15px 25px}
.rlbbtm {padding:18px}
.nxtbtn {font-size:34px; letter-spacing:1px; min-width:500px}
.sprog p {font-size:13px; margin-right:7px; letter-spacing:1px}
.sprog .sprogbar {height:10px; width:170px}
.rlbhead .rtitle .ic {width:24px; margin-right:7px}
.rlbhead h2 {font-size:22px; letter-spacing:2px}
.rclose {width:36px; height:36px}
.rlbmain .rlmwrp {padding:35px 25px; max-width:500px}
.rlbmain .rlmwrp:before {height:50px}
.fwbanner {padding:22px; margin-bottom:25px}
.fwbanner .dates {font-size:25px; letter-spacing:2px; margin-bottom:10px}
.reglbox .sstep p {font-size:20px; letter-spacing:1px}
#mregiwrp {padding:0 2%; margin-top:25px}
#mregiwrp select, #mregiwrp input {padding:20px 22px; margin-bottom:12px; font-size:25px; letter-spacing:0.5px}
#mregiwrp .reginf p {font-size:16px; letter-spacing:0.5px}
.reglbox .sstep.two h6 .ic {width:36px; margin-right:7px; margin-top:-5px}
.reglbox .sstep.two h6 {font-size:32px}
.reglbox .sstep.two p {margin-top:17px}
.reglbox .sstep.two .tpwrp {padding-bottom:20px; margin-bottom:20px}
.reglbox .ostep h5 {font-size:19px; letter-spacing:0.6px}
.reglbox .ostep .ooptns {margin-top:20px}
.reglbox .ostep .ooptns .ooptn {font-size:19px; padding:14px; letter-spacing:1px; margin-bottom:10px}
.reglbox .ostep.three .oopset {padding-bottom:25px; margin-bottom:20px}
.reglbox .ostep .oopset.age {gap:10px}
.reglbox .ostep .oopset.age h6 {font-size:26px; letter-spacing:2px}
.reglbox .ostep .ooptns .ooptn .ic {width:17px; margin-right:7px}
.reglbox .ostep .ooptns .gender .ooptn:nth-child(3) .ic {width:13px; margin:-10px 7px -10px 0}
.reglbox .ostep .ooptns .gender .ooptn:nth-child(4) .ic {width:16px}
.reglbox .ostep .errtx {font-size:14px; letter-spacing:1.5px; margin-bottom:20px; padding:12px 15%}
.ctabtn .ar {width:20px; margin-left:10px}
.ctabtn .spin {width:46px; height:46px}
#mregiwrp .existserr {font-size:16px; padding:12px; margin-bottom:15px; letter-spacing:0.7px}
}	
@media screen and (max-width:1200px) {
.reglbox .serror {font-size:1.75vw}
}	
@media screen and (max-width:900px) {
.sprog p {display:none}
.rlbhead {padding-left:17px}
.reglbox .serror {font-size:21px; padding:2vw 7vw; max-width:550px; letter-spacing:1px}
}	
@media screen and (max-width:700px) {
.solay {overflow-y:scroll; align-items:flex-end!important; align-content:flex-end!important; height:100dvh}	
.solay.show {display:flex}	
.solay.hide {animation-delay:0s}
.reglbox {opacity:1; transform:translateY(120%)}
.rlbmain {max-height:60vh}
.show .reglbox {animation:none; opacity:1; transform:translateY(120%); animation:rpushUp2 0.25s; animation-fill-mode:forwards}
.reglbox {width:100%; height:auto; border-radius:0; border-top-left-radius:4vw; border-top-right-radius:4vw; border-bottom:none; border-top-width:0.75vw; background:#fbfaff}
.rlbbtm {padding:3vw; border-top-left-radius:8vw; border-top-right-radius:8vw; border-top-width:0.75vw}
.nxtbtn {width:100%; min-width:0; font-size:7vw; letter-spacing:0.1vw}
.rlbmain .rlmwrp {max-width:none; border:none; box-shadow:none; width:100%; padding:8vw 4vw; background:transparent}
.rlbhead {flex-direction:column; padding:4vw}
.reglbox .rtlwrp {position:relative; transform:none; top:0; left:0; order:-1}
.rclose {position:absolute; left:auto; right:10px; top:10px; width:8vw; height:8vw; display:none}
.sprog {width:100%; margin-top:2vw}
.sprog p {display:block; font-size:3vw; margin-right:1.7vw; letter-spacing:0.2vw; font-weight:700; margin-bottom:-0.2vw}
.rlbhead h2 {font-size:7vw; letter-spacing:0.2vw}
.rlbhead .rtitle .ic {width:6vw; margin-right:1.5vw}
.sprog .sprogbar {width:auto; height:2.5vw}
.fwbanner {padding:5vw; margin-bottom:4vw}
.fwbanner .dates {font-size:6vw; letter-spacing:0.2vw; margin-bottom:1.5vw}
.reglbox .sstep p {font-size:4.25vw; letter-spacing:0.1vw}
#mregiwrp {margin-top:5vw}
#mregiwrp select, #mregiwrp input {font-weight:600; margin-bottom:3vw; font-size:6vw; padding:4vw 5vw; letter-spacing:0.1vw; border-width:0.5vw; border-radius:2vw}
#mregiwrp .reginf p {font-size:3.5vw; letter-spacing:0.075vw}
.reglbox .mhandle {display:flex}
.reglbox .mhandle {order:-2; height:7vw; width:100%; padding-bottom:3vw; cursor:grap; touch-action:pan-y}
.reglbox .mhandle .mbar {width:50%; height:1.65vw; background:#fff; opacity:0.3; cursor:grap; touch-action:pan-y}
.rlbmain .rlmwrp:before {background:linear-gradient(0deg, rgb(255 255 255 / 0%), rgb(239 241 255 / 80%))}
.reglbox .sstep.two h6 {font-size:7vw}
.reglbox .sstep.two h6 .ic {width:7.5vw; margin-top:-1vw; margin-right:1.5vw}
.reglbox .sstep.two h6 span {font-weight:800}
.reglbox .sstep.two p {margin-top:4vw; font-size:4.5vw; padding:0 5%; letter-spacing:0.15vw}
.reglbox .sstep.two .tpwrp {padding-bottom:5vw; margin-bottom:5vw; border-width:1vw}
.reglbox .ostep h5 {font-size:4.25vw; letter-spacing:0.1vw}
.reglbox .ostep.one h5 {padding:0 5%}
.reglbox .ostep .ooptns {padding:0 10%; margin-top:5vw}
.reglbox .ostep .ooptns .ooptn {font-size:6vw; letter-spacing:0.2vw; padding:4vw; letter-spacing:0.2vw; margin-bottom:2.5vw; border-radius:2.5vw}
.reglbox .ostep .oopset.age h6 {font-size:8vw; letter-spacing:0.25vw}
.reglbox .ostep.three .oopset {border-width:1vw; padding-bottom:7vw; margin-bottom:5vw}
.reglbox .ostep .oopset.age {gap:3vw}
.reglbox .ostep.three h5, .reglbox .ostep.four h5, .onboarding .reglbox .ostep.three h5, .onboarding .reglbox .ostep.four h5 {font-size:6vw; padding:0 20%}
.reglbox .ostep.four h5, .onboarding .reglbox .ostep.four h5 {padding:0}
.reglbox .ostep .ooptns .ooptn .ic {width:5vw; margin-right:2vw}
.reglbox .ostep .ooptns .gender .ooptn:nth-child(3) .ic {width:4vw; margin:-2vw 2vw -2vw 0}
.reglbox .ostep .ooptns .gender .ooptn:nth-child(4) .ic {width:4.75vw; margin-right:1.5vw}
.reglbox .ostep .errtx {font-size:4vw; letter-spacing:0.2vw; margin-bottom:3vw; padding:3vw 15%}
.ctabtn .ar {width:4.1vw; margin-left:2.5vw}
.ctabtn .spin {width:10vw; height:10vw; box-shadow:0 0.7vw 0 #fff}
.reglbox .serror {max-width:none; font-size:5vw; padding:5vw 10vw; letter-spacing:0.15vw; line-height:1.2em}
#mregiwrp .existserr {font-size:3.5vw; padding:3vw; margin-bottom:3vw; letter-spacing:0.2vw; border-radius:2vw}
.onboarding .reglbox .mhandle {display:none}
}	
@media screen and (max-width:500px) {
.reglbox .ostep .ooptns {padding:0 5%}
.reglbox .ostep .errtx {font-size:4.5vw; padding:3vw 20%}
}