@font-face {font-family: 'NeueFrutigerWorldBold';src: url('fonts/NeueFrutigerWorldW05-bold.woff2') format('woff2'), url('fonts/NeueFrutigerWorldW05-bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NeueFrutigerWorldBook';src: url('fonts/NeueFrutigerWorldW05-book.woff2') format('woff2'), url('fonts/NeueFrutigerWorldW05-book.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NeueFrutigerWorldHeavy';src: url('fonts/NeueFrutigerWorldW05-heavy.woff2') format('woff2'), url('fonts/NeueFrutigerWorldW05-heavy.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NeueFrutigerWorldLight';src: url('fonts/NeueFrutigerWorldW05-light.woff2') format('woff2'), url('fonts/NeueFrutigerWorldW05-light.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NeueFrutigerWorldRegular'; src: url('fonts/NeueFrutigerWorldW05-rg.woff2') format('woff2'), url('fonts/NeueFrutigerWorldW05-rg.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'NeueFrutigerWorldBlack';src: url('fonts/NeueFrutigerWorldW05-black.woff2') format('woff2'), url('fonts/NeueFrutigerWorldW05-black.woff') format('woff');font-weight: normal;font-style: normal;}
*, input, button  {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;outline:none !important;outline:none !important;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-appearance: none;}  .clear {clear:both;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

html {
    height: 100dvh;overscroll-behavior: none;
    overflow-x: hidden;
    font-size: 1.4rem;
    background: #F5F1F7 linear-gradient(150deg,rgba(245, 241, 247, 1) 0%, rgba(188, 161, 204, 1) 100%);
    background-attachment:fixed; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    background-size:100%;
}
body {
    background:transparent;line-height: 1.24rem;
    /*background: #F5F1F7 url(../image/bg.png)  left top;background-size:cover;*/
    font-family: 'NeueFrutigerWorldRegular', Arial, sans-serif;font-style:normal;color:#360d5f;letter-spacing: -.02rem;

}

h1,h2,h3,h4,h5,h6,b,strong,.b,.strong {font-family: 'NeueFrutigerWorldBold', Arial, sans-serif;} h1,h2,h3,h4,h5,h6 {letter-spacing:normal;}
.logo {width:204px;}

header {z-index:5;left:0px;top:0px;}
section {height:calc( 100dvh - 268px);align-items:center;min-height:80dvh; }
.ff-light {font-family: 'NeueFrutigerWorldLight', Arial, sans-serif;}
.ff-bold {font-family: 'NeueFrutigerWorldBold', Arial, sans-serif;}
.ff-heavy {font-family: 'NeueFrutigerWorldHeavy', Arial, sans-serif;}
#home img {margin-top:-50px;}


button, #home.code .btn_shopping {
    background: #1B1534;color:#FFF;
    background: linear-gradient(90deg,rgba(27, 21, 52, 1) 0%, rgba(158, 123, 183, 1) 100%);
    border:0px;border-radius:12px;padding:10px 25px;color:#FFF;background-position:19% 70%;
    font-family: 'NeueFrutigerWorldHeavy', Arial, sans-serif;transition:background-position .5s;
}
button:hover:not(:disabled),  #home.code .btn_shopping:hover  {
    background: linear-gradient(60deg,#1B1534 0 13%,#9e7bb7 40%,#9e7bb7 57%,#1B1534);
    background-size: 200% 200%;
    background-position: 0 50%;text-decoration:none;
}
button:disabled {opacity:.5;} 



section {display:none;}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {color:#360d5f;}
.form-control:focus {box-shadow:0 0 0 .25rem rgba(54,13,95,.25);border-color:#cebada;}
.form-check-input:focus {box-shadow:0 0 0 .17rem rgba(54,13,95,.25);border-color:#cebada;}
.gdpr-check .form-check-input.is-invalid ~ .form-check-label, .was-validated .gdpr-check .form-check-input:invalid ~ .form-check-label {
    background-position: 75% 0px;width:35px;height:calc(.72em + .375rem);
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    /*color: #FFF;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 10 10' width='16' height='16' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;background-position:95% center;background-size:calc(.58em + .375rem) calc(.58em + .375rem);
}
.form-control.is-invalid + .select2, .was-validated .form-control:invalid + .select2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 10 10' width='16' height='16' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 95% center;
}
.form-control.is-valid + .select2, .was-validated .form-control:valid + .select2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ed1c24' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid ~ span.error, .was-validated .form-control:valid ~ span.error {
    color: transparent;
}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid { background-position: 99% 85% /*95% center*/;}
.form-check-input[type=radio], .form-check-input[type=checkbox] {transform:scale(1.55);background-color:rgba(255,255,255,.7);border:1px solid transparent;}
.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {box-shadow:0 0 0 .15rem rgba(var(--bs-danger-rgb),.25)}
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {box-shadow:0 0 0 .15rem rgba(var(--bs-success-rgb),.25);border-color:#360d5f;}
.gdpr .form-check-input[type=radio], .gdpr .form-check-input[type=checkbox] {transform:scale(1);} .gdpr .form-check-input {margin-top:.12em !important;}
.gdpr .form-check-input[type=checkbox] ~ label {font-size:.7rem;}
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2 8 12'%3e%3cpath fill='%23FFFFFF' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {color:#FFF;}
.form-check span {/*font-size:21px;line-height:30px;margin-top:-.35em;*/font-size:.7rem;line-height:.8rem;}
.form-check span span {text-decoration:underline;font-weight:bold;}
.form-check .form-check-input {margin-left:-1.2rem;margin-top: -0.1rem;margin-right: 1.25rem;}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {margin-right:0px;}
.form-check-input[type=checkbox] {border-radius:.15em;}
.form-check-input:checked, .was-validated .form-check-input:checked,
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {background-color:#360d5f;}

button[type=submit] span {display:none;}
button[type=submit]:disabled span {display:inline-block;vertical-align:middle;margin-bottom:2px;}

.gdpr, .valert {position:absolute;top:0px;left:0px;background:rgba(0,0,0,.5);width:100%;height:100dvh;display:none;z-index:9;background: #360D5F;
background: linear-gradient(90deg,rgba(54, 13, 95, .84) 60%, rgba(106, 71, 137, .84) 100%);}
.gdpr .text, .valert .text {background:#e8d6fa;color:#360d5f;margin:4em auto;padding:40px 30px;border-radius:15px;width:60%;height:70%;max-height:75%;position:relative;}
.valert .text {height:auto;width:680px;padding:40px 30px; margin-top:calc(100vh/2 - 250px);font-size:20px;}
.valert .message {padding-top:20px;}
.gdpr .text p, .gdpr .text li {font-size:14px;padding:.3rem 4px;font-family:'NeueFrutigerWorldRegular';line-height:20px;}
.gdpr .text li {padding-bottom:1px;padding-top:1px;}

.gdpr .scroll {height:83%;padding-bottom:1rem;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(27,21,52,.75) !important;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,.25) !important;}
.gdpr .footer {bottom:20px;right:20px;width:calc(100% - 60px);}
.gdpr a {color:#1b1534;text-decoration:none} .gdpr a:hover {text-decoration:underline;}
.bg-pink {background:#ebddf3;padding:7px 15px !important;} /*#regok .bg-pink {margin-left:-16px;}*/

#home.code h1 {font-family:'NeueFrutigerWorldBlack';}
#home.code a {text-decoration:none;color:#360d5f;} #home.code a:hover {text-decoration:underline;}
.pcode {background:#cdaee3;padding:0px 25px;border-radius:10px;width:auto;display:inline-block;font-family: 'NeueFrutigerWorldBold', Arial, sans-serif;font-weight:bold;
        -webkit-touch-callout:none;-webkit-user-select: none; -khtml-user-select: unset; -moz-user-select: unset; -ms-user-select: text; user-select: text;line-height:normal;
}text
::selection {
  background: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #FFF;
  text-shadow: none; 
}
#home.code small {font-size:.775em;}
#regok h1 {text-wrap-style: balance;}
#regafter img {margin-top:-100px !important;}
@media (max-width: 1301px) {
    section {min-height:80svh; } .logo {width:164px;}
}
@media (max-width: 1199px) {
    .logo {width:154px;}
    header {margin-bottom:0px;}
    #regok .row .row {flex-direction:column-reverse;}
    .info h1 {margin-top:30px;}
    #home img {margin-top:0px;} #home.code img {margin-top:20px;} #regafter img {margin-top:1.5rem!important;}
    #home, #regafter, #regok {text-align:center !important;}
    .gdpr .text, .valert .text {width:90%;padding:40px 20px;} .gdpr .text p, .gdpr .text li {font-size:12px;line-height:16px;}
    .gdpr .footer {width:calc(100% - 40px);} /*.bg-pink {margin-left:0px;}*/ .pcode {padding:0px 20px;}
}
@media (max-width: 991px) {
    .logo {width:104px;}
    header {margin-bottom:0px;}
    /*.info {flex-direction:column-reverse;}*/
    .info h1 {margin-top:30px;}
    html {font-size:.95rem;}
    button {padding:10px 15px;} #home img {margin-top:10px;}
    /*section {min-height:500px; }*/ #register {text-align:center !important;}
    .gdpr .text h5 {text-align:center;padding:5px;}
}
@media (max-width: 667px) {
    #home img {margin-top:.1rem;margin-bottom:.3rem;}
.gdpr .form-check-input[type=checkbox] ~ label {font-size:.83rem;}
.gdpr .text {height: 85svh;max-height: 85%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .4rem;}
.info-s {padding:.4vw;}
}

.display-1 { font-size: calc(1.625rem + 4.5vw) !important; }
.display-2 { font-size: calc(1.575rem + 3.9vw);}
.display-3 { font-size: calc(1.525rem + 3.3vw);}
.display-4 { font-size: calc(1.475rem + 2.7vw);}
.display-5 { font-size: calc(1.425rem + 2.1vw);}
.display-6 { font-size: calc(1.375rem + 1.5vw); }
.display-7 { font-size: calc(1.325rem + 0.9vw); }

@media (max-width: 399px) {
body {letter-spacing: -.05em;}
.logo {width:58px;} #home img {margin-top:-.5dvh;}
html {font-size: .75rem !important;} section {min-height:83dvh; } 
 h1 {margin-top:10px !important;} .form-check span {font-size: .78rem;line-height: .9rem;}
.gdpr {height: 100vh;} .gdpr .text {padding: 25px 15px;width:95%;margin:2em auto;height: 90dvh;max-height: 95%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .34rem;}
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent !important}
#code .display-6 {    line-height: calc(1.475rem + 1.5vw);letter-spacing: -0.06rem;}
.info-s {width:30px;height:30px;background:url(../image/info.svg) no-repeat center center;background-size:83%;position:absolute;right:.2%;top:5%;z-index:1081;padding:.7vw;}
.info-tooltip {padding-right:0px;}
.info-tooltip .tooltip-inner {background:rgba(255,255,255,.88);border:1px solid rgba(146,119,177,.62);color:#3a1a62;font-size:0.575rem; text-align:left;min-width:280px;width:100%; max-width:460px;font-weight:600;padding-right:.85rem;}
.info-tooltip .tooltip-arrow {display:none;}