/* Structure */
    html { padding: 0px; margin: 0px !important; scroll-behavior: smooth; }
    body { padding: 0px; margin: 0px !important; scroll-behavior: smooth; }
    main { /*overflow: hidden;*/ }
    img, iframe, svg { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

    input:focus { border: none; outline: none; }
    a { color: unset; text-decoration: none; }

    h1, h2, h3, h4, h5, p, span { margin: 0 !important; padding: 0 !important; }

    *::selection { background: #F5B926; }

    .hidden { display: none !important; }
    .dsk { display: flex !important; }
    .mob { display: none !important; }

    .round  { border-radius: 8px; }
    .circle { border-radius: 100%; }
    .border   { border: 1.5px solid; }
    .noborder { border: none; }

    .material-symbols-outlined { display: flex; justify-content: center; align-items: center; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none }
    .grecaptcha-badge          { display: none !important; }

    .fullw { width:  100%;  }
    .fullh { height: 100%;  }
    .scrnw { width:  100vw; }
    .scrnh { height: 100vh; }

    .fitcont { width: fit-content; }
    .grow  { flex: 1; }
    .halfw { width: 50%;  }
    .samew > * { flex: 1; }

    .cont  { display: flex; box-sizing: border-box; flex-wrap: wrap; }
    .row   { flex-direction: row; }
    .col   { flex-direction: column; flex-wrap: nowrap !important; }
    .nwrap { flex-wrap: nowrap !important; }

    .col.apart { justify-content: space-between; }
    .col.start { justify-content: flex-start; }
    .col.end   { justify-content: flex-end; }
    .row.apart { justify-content: space-between; }
    .row.start { justify-content: flex-start; }
    .row.end   { justify-content: flex-end; }

    .col.vcent { justify-content: center; }
    .col.hcent { align-items: center; }
    .row.hcent { justify-content: center; }
    .row.vcent { align-items: center; }
    .fcent     { text-align: center; }
    .fleft     { text-align: left; }
    .fright    { text-align: right; }
    .fjustify  { text-align: justify; }

    .bgcover   { background-size: cover !important;   background-repeat: no-repeat !important; background-position: center !important; }
    .bgcontain { background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
    .bgtrans   { background: transparent; }

    .menu-space { height: 80px; }

    @media only screen and (min-width: 1536px) { .mwc { max-width: 1440px; } }
    @media only screen and (max-width: 1536px) { .mwc { max-width: 90vw; } }
/**/

/* Spacing */
    .g2  { gap: 02px; }
    .g4  { gap: 04px; }
    .g8  { gap: 08px; }
    .g12 { gap: 12px; }
    .g16 { gap: 16px; }
    .g24 { gap: 24px; }
    .g32 { gap: 32px; }
    .g40 { gap: 40px; }
    .g60 { gap: 60px; }
    .g80 { gap: 80px; }

    .p2   { padding: 02px; }
    .p4   { padding: 04px; }
    .p8   { padding: 08px; }
    .p16  { padding: 16px; }
    .p24  { padding: 24px; }
    .p32  { padding: 32px; }  .pv32 { padding-top: 32px; padding-bottom: 32px; }
    .p56  { padding: 56px; }  .pv56 { padding-top: 56px; padding-bottom: 56px; }
    .p64  { padding: 64px; }
    .p100 { padding: 100px; } .pv100 { padding-top: 100px; padding-bottom: 100px; }
    

    .gv24 { row-gap: 24px; }
    .gv40 { row-gap: 40px; }
    .gh24 { column-gap: 24px; }
    .gh40 { column-gap: 40px; }
    .gh60 { column-gap: 60px; }

    .pv24 { padding-top: 24px; padding-bottom: 24px; }
    .pt24 { padding-top: 24px; }
    .pb24 { padding-bottom: 24px; }

    .pt100 { padding-top: 100px; }
    .pb100 { padding-bottom: 100px; }

    .pv150 { padding-top: 150px; padding-bottom: 150px; }
    .pt150 { padding-top: 150px; }
    .pb150 { padding-bottom: 150px; }

/**/

/* Typography */
    @font-face { font-family: "Pragmatica Extended"; font-weight: bold; src: url(PragmaticaExtendedBold.otf); }
    @font-face { font-family: "Pragmatica Extended"; font-weight: 400;  src: url(PragmaticaExtendedMedium.otf); }
    @font-face { font-family: "Pragmatica Extended"; font-weight: 300;  src: url(PragmaticaExtendedLight.otf); }

    @font-face { font-family: "Curiosa"; font-weight: bold; src: url(Curiosa-Bold.ttf); }
    @font-face { font-family: "Curiosa"; font-weight: 400;  src: url(Curiosa-Medium.ttf); }
/**/

/* Effects */
    .hover:hover  { cursor: pointer; }
    .an-und:hover { text-decoration: underline; } 
    .und { text-decoration: underline; } 
/**/