@charset "UTF-8";

@font-face
{
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Lora';
    src: url('/fonts/PlayfairDisplay-VariableFont_wght') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Lora';
    src: url('/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

:root
{
    --c1: 255 32 118;
    --c2: 0 150 210;
    --c3: 205 61 61;
    --c12: 36 40 44;
    --c13: 50 58 64;
    --c14: 20 24 28;
    --c15: 210 210 210;
    --c16: 228 230 234;
    --c17: 252 252 255;
    --c18: 255 255 255;
    --c19: 0 0 0;
    --f1: 'Open Sans', sans-serif;
    --f2: "Playfair Display", serif;
    --gradAngle: 90deg;
}

/* Theme Specific Settings */

@media only screen and (prefers-color-scheme: dark)
{
    :root
    {
        --c4: 36 40 44;
        --c5: 50 58 64;
        --c6: 20 24 28;
        --c7: 210 210 210;
        --c8: 228 230 234;
        --c9: 252 252 255;
        --c10: 255 255 255;
        --c11: 0 0 0;
    }

    .neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
    }

    .neumorphic_in, .neumorphic_in_be::before
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
    }

    .neumorphic_btn
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
    }
    
    .neumorphic_btn:active
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
    }
}

@media only screen and not (prefers-color-scheme: dark)
{
    :root
    {
        --c4: 236 236 240;
        --c5: 224 224 228;
        --c6: 250 250 254;
        --c7: 60 60 60;
        --c8: 50 58 64;
        --c9: 20 24 28;
        --c10: 0 0 0;
        --c11: 255 255 255;
    }

    .neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.068), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.8);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.068), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.8);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.068), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.8);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.068), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.8);
        box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.068), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.8);
    }

    .neumorphic_in, .neumorphic_in_be::before
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
    }

    .neumorphic_btn
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4);
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4);
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4);
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4);
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4);
    }
    
    .neumorphic_btn:active
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.4) inset;
    }
}

@supports (backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))
{
    .glass
    {
        background-image: linear-gradient(140deg, rgb(var(--c11) / 0.24) 0%, rgb(var(--c11) / 0.4) 40%, rgb(var(--c11) / 0.24) 60%, rgb(var(--c11) / 0.1) 100%);
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
    }
}

@supports not ((backdrop-filter: blur(1rem)) and (-webkit-backdrop-filter: blur(1rem)))
{
    .glass
    {
        background-image: linear-gradient(140deg, rgb(var(--c11) / 0.4) 0%, rgb(var(--c11) / 0.64) 40%, rgb(var(--c11) / 0.4) 60%, rgb(var(--c11) / 0.24) 100%);
    }
}

html
{
    font-size: 100%;
    scrollbar-width: thin;
}

.ovAuto
{
    scrollbar-width: thin;
    scrollbar-track-color: transparent;
    scroll-behavior: smooth;
}

::selection
{
    background-color: rgb(var(--c1));
    color: rgb(var(--c10));
}

@media only screen
{
    /* For 2 Color Web Schemes Only */

    body::after
    {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0rem;
        opacity: 0;
        z-index: 200;
        -webkit-filter: blur(0.0625rem);
        filter: blur(0.0625rem);
        visibility: hidden;
        background-image: linear-gradient(90deg, rgb(var(--c1)) 0%, rgb(var(--c2)) calc(100% / 3), rgb(var(--c1)) calc(200% / 3), rgb(var(--c2)) calc(300% / 3));
        background-size: 300% 100%;
        background-position: 0 0;
        transition: all 0.24s ease;
        -webkit-animation: loading 0.84s 0s linear infinite both normal;
        -moz-animation: loading 0.84s 0s linear infinite both normal;
        -o-animation: loading 0.84s 0s linear infinite both normal;
        -ms-animation: loading 0.84s 0s linear infinite both normal;
        animation: loading 0.84s 0s linear infinite both normal;
    }

    body.loading::after
    {
        height: 0.25rem;
        opacity: 1;
        visibility: visible;
    }

    @-webkit-keyframes loading
    {
        0%
        {
            background-position: 0% 0%;
        }

        100%
        {
            background-position: 100% 0%;
        }
    }

    @-moz-keyframes loading
    {
        0%
        {
            background-position: 0% 0%;
        }

        100%
        {
            background-position: 100% 0%;
        }
    }

    @-o-keyframes loading
    {
        0%
        {
            background-position: 0% 0%;
        }

        100%
        {
            background-position: 100% 0%;
        }
    }

    @-ms-keyframes loading
    {
        0%
        {
            background-position: 0% 0%;
        }

        100%
        {
            background-position: 100% 0%;
        }
    }

    @keyframes loading
    {
        0%
        {
            background-position: 0% 0%;
        }

        100%
        {
            background-position: 100% 0%;
        }
    }

    /* For 3 Color Web Schemes Only */

    /*
    
    body::after
    {
        content: "";
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 0;
        height: 0px;
        transition: opacity 0.24s ease, height 0.24s ease;
    }

    body.loading::after
    {
        opacity: 1;
        height: 0.25rem;
        background-image: linear-gradient(90deg, rgb(var(--c2)) 0%, rgb(var(--c1)) calc(100% / 6), rgb(var(--c3)) calc(200% / 6), rgb(var(--c1)) calc(300% / 6), rgb(var(--c2)) calc(400% / 6), rgb(var(--c1)) calc(500% / 6), rgb(var(--c3)) 100%);
        background-size: 300% 100%;
        background-position: 0% 0%;
        -webkit-animation: glownimate 0.8s 0s linear infinite normal both;
        -moz-animation: glownimate 0.8s 0s linear infinite normal both;
        -o-animation: glownimate 0.8s 0s linear infinite normal both;
        -ms-animation: glownimate 0.8s 0s linear infinite normal both;
        animation: glownimate 0.8s 0s linear infinite normal both;
    }

    @-webkit-keyframes glownimate
    {
        0%{background-position: 0% 0%;}
        100%{background-position: 100% 0%;}
    }

    @-moz-keyframes glownimate
    {
        0%{background-position: 0% 0%;}
        100%{background-position: 100% 0%;}
    }

    @-o-keyframes glownimate
    {
        0%{background-position: 0% 0%;}
        100%{background-position: 100% 0%;}
    }

    @-ms-keyframes glownimate
    {
        0%{background-position: 0% 0%;}
        100%{background-position: 100% 0%;}
    }

    @keyframes glownimate
    {
        0%{background-position: 0% 0%;}
        100%{background-position: 100% 0%;}
    }
    
    */

    .btn_def
    {
        background-size: 100% 100%;
        background-position: 0% 0%;
    }

    .btn_def:hover
    {
        background-size: 200% 100%;
    }

    .btn_def:active
    {
        background-position: 100% 0%;
        -webkit-transform: scale(0.94);
        -moz-transform: scale(0.94);
        -o-transform: scale(0.94);
        -ms-transform: scale(0.94);
        transform: scale(0.94);
    }

    .btn_red
    {
        background-image: linear-gradient(120deg, rgb(250, 95, 95) 0%, rgb(190, 24, 24) 100%);
    }

    .flex-fb40p-1
    {
        flex-basis: calc(40% - 1rem);
    }

    .flex-fb50p-1
    {
        flex-basis: calc(50% - 1rem);
    }

    .flex-fb60p-1
    {
        flex-basis: calc(60% - 1rem);
    }

    .highlight
    {
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .grad, .highlight, .grad-be::before, .grad-af::after
    {
        background-image: -webkit-linear-gradient(120deg, rgb(var(--c1) / 1) 0%, rgb(var(--c2) / 1) 100%);
        background-image: -moz-linear-gradient(120deg, rgb(var(--c1) / 1) 0%, rgb(var(--c2) / 1) 100%);
        background-image: -o-linear-gradient(120deg, rgb(var(--c1) / 1) 0%, rgb(var(--c2) / 1) 100%);
        background-image: linear-gradient(120deg, rgb(var(--c1) / 1) 0%, rgb(var(--c2) / 1) 100%);
    }

    .grad-tb, .grad-tb-be::before, .grad-tb-af::after
    {
        background-image: -moz-linear-gradient(0deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 100%);
        background-image: -o-linear-gradient(0deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 100%);
        background-image: linear-gradient(0deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 100%);
    }

    .grad-be::before, .grad-af::after, .grad-tb-be::before, .grad-tb-af::after, .shade-be::before, .shade-af::after
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    
    .fade-right-be::before, .fade-right-af::after
    {
        -webkit-mask-image: linear-gradient(90deg, black 0%, transparent 100%);
        mask-image: linear-gradient(90deg, black 0%, transparent 100%);
    }

    nav a
    {
        display: inherit;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        line-height: inherit;
        transition: all 0.24s ease;
    }

    input[type="checkbox"]:not(:checked) ~ i.checked, input[type="checkbox"]:checked ~ i.unchecked
    {
        opacity: 0;
        visibility: hidden;
    }

    input[type="checkbox"]:checked ~ i.checked, input[type="checkbox"]:not(:checked) ~ i.unchecked
    {
        opacity: 1;
        visibility: visible;
    }

    nav a, header button i
    {
        line-height: 5rem;
    }
    
    .betl::before, .aftl::after, .betlw::before, .aftlw::after
    {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
    }

    .betl::before, .aftl::after
    {
        width: 100%;
        height: 100%;
    }

    .betlw::before, .aftlw::after
    {
        width: 100%;
    }

    .bgcovcent
    {
        background-size: cover;
        background-position: center;
    }    

    input[type="checkbox"]:checked ~ label .fa-square-check, input[type="checkbox"]:not(:checked) ~ label .fa-square
    {
        opacity: 1;
    }

    input[type="checkbox"]:checked ~ label .fa-square, input[type="checkbox"]:not(:checked) ~ label .fa-square-check
    {
        opacity: 0;
    }

    .mbm-overlay
    {
        -webkit-mix-blend-mode: overlay;
        mix-blend-mode: overlay;
    }

    input[type="radio"]:checked ~ div .not-checked, input[type="radio"]:not(:checked) ~ div .checked
    {
        opacity: 0;
        visibility: hidden;
    }

    input[type="radio"]:checked ~ div .checked, input[type="radio"]:not(:checked) ~ div .not-checked
    {
        opacity: 1;
        visibility: visible;
    }

    .shade-be::before, .shade-af::after
    {
        background-image: linear-gradient(90deg, transparent 0%, rgb(var(--c8)) calc(100% / 3), transparent calc(200% / 3), rgb(var(--c8)) 100%);
        background-size: 300% 100%;
        background-position: 0% 0%;
    }

    .shade-be:hover::before, .shade-af:hover::after
    {
        background-position: 100% 0%;
    }

    .pi-center
    {
        place-items: center;
    }

    /* Slide Show Styles Goes Here */

    .homeSlide > div:not(.slide-active):not(.slide-animateIn)
    {
        opacity: 0;
        visibility: hidden;
    }

    .homeSlide > .slide-active
    {
        z-index: 1;
    }

    .homeSlide > .slide-animateIn
    {
        z-index: 2;
        -webkit-animation: slideIn 1s 0s ease 1 both;
        -moz-animation: slideIn 1s 0s ease 1 both;
        -o-animation: slideIn 1s 0s ease 1 both;
        -ms-animation: slideIn 1s 0s ease 1 both;
        animation: slideIn 1s 0s ease 1 both;
    }

    @-webkit-keyframes slideIn
    {
        0% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
        100% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
    }

    @-moz-keyframes slideIn
    {
        0% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
        100% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
    }

    @-o-keyframes slideIn
    {
        0% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
        100% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
    }

    @-ms-keyframes slideIn
    {
        0% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
        100% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
    }

    @keyframes slideIn
    {
        0% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
        100% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
    }

    .homeSlide > .slide-animateOut
    {
        -webkit-animation: slideOut 1s 0s ease 1 both;
        -moz-animation: slideOut 1s 0s ease 1 both;
        -o-animation: slideOut 1s 0s ease 1 both;
        -ms-animation: slideOut 1s 0s ease 1 both;
        animation: slideOut 1s 0s ease 1 both;
    }

    @-webkit-keyframes slideOut
    {
        0% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
        100% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
    }

    @-moz-keyframes slideOut
    {
        0% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
        100% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
    }

    @-o-keyframes slideOut
    {
        0% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
        100% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
    }

    @-ms-keyframes slideOut
    {
        0% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
        100% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
    }

    @keyframes slideOut
    {
        0% { opacity: 1; visibility: visible; -webkit-filter: none; filter: none; }
        100% { opacity: 0; visibility: hidden; -webkit-filter: blur(4rem) grayscale(1); filter: blur(4rem) grayscale(1); }
    }

    .homeSlidePrev, .homeSlideNext
    {
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 3rem;
        line-height: 8rem;
        font-size: 1.4rem;
        -webkit-transform: translate3d(0px, -50%, 0px);
        -moz-transform: translate3d(0px, -50%, 0px);
        -o-transform: translate3d(0px, -50%, 0px);
        -ms-transform: translate3d(0px, -50%, 0px);
        transform: translate3d(0px, -50%, 0px);
    }

    .homeSlidePrev
    {
        left: 0px;
    }

    .homeSlidePrev:hover
    {
        -webkit-transform: translate3d(-0.5rem, -50%, 0px);
        -moz-transform: translate3d(-0.5rem, -50%, 0px);
        -o-transform: translate3d(-0.5rem, -50%, 0px);
        -ms-transform: translate3d(-0.5rem, -50%, 0px);
        transform: translate3d(-0.5rem, -50%, 0px);
    }

    .homeSlideNext
    {
        right: 0px;
    }

    .homeSlideNext:hover
    {
        -webkit-transform: translate3d(0.5rem, -50%, 0px);
        -moz-transform: translate3d(0.5rem, -50%, 0px);
        -o-transform: translate3d(0.5rem, -50%, 0px);
        -ms-transform: translate3d(0.5rem, -50%, 0px);
        transform: translate3d(0.5rem, -50%, 0px);
    }

    /* Site Styles Goes Here */

    .slideBGD
    {
        -webkit-box-shadow: 0px 0px 2rem 2rem rgb(var(--c4)) inset;
        -moz-box-shadow: 0px 0px 2rem 2rem rgb(var(--c4)) inset;
        -o-box-shadow: 0px 0px 2rem 2rem rgb(var(--c4)) inset;
        -ms-box-shadow: 0px 0px 2rem 2rem rgb(var(--c4)) inset;
        box-shadow: 0px 0px 2rem 2rem rgb(var(--c4)) inset;
    }

    .dategroup::after
    {
        content: "";
        flex-grow: 1;
        height: 0.5rem;
        background-image: linear-gradient(90deg, rgb(var(--c5)) 0%, rgb(var(--c5)) 40%, transparent 40%, transparent 100%);
        background-size: 0.5rem 0.5rem;
        background-repeat: repeat-x;
        background-position: 0px center;
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        -webkit-animation: ziggy 0.4s 0s linear infinite both;
        -moz-animation: ziggy 0.4s 0s linear infinite both;
        -o-animation: ziggy 0.4s 0s linear infinite both;
        -ms-animation: ziggy 0.4s 0s linear infinite both;
        animation: ziggy 0.4s 0s linear infinite both;
    }

    @-webkit-keyframes ziggy
    {
        0% { background-position: 0px center; }
        100% { background-position: 0.5rem center; }
    }

    @-moz-keyframes ziggy
    {
        0% { background-position: 0px center; }
        100% { background-position: 0.5rem center; }
    }

    @-o-keyframes ziggy
    {
        0% { background-position: 0px center; }
        100% { background-position: 0.5rem center; }
    }

    @-ms-keyframes ziggy
    {
        0% { background-position: 0px center; }
        100% { background-position: 0.5rem center; }
    }

    @keyframes ziggy
    {
        0% { background-position: 0px center; }
        100% { background-position: 0.5rem center; }
    }

    .dwx li h3 svg
    {
        -webkit-animation: bstrot 3.84s 0s linear infinite both;
        -moz-animation: bstrot 3.84s 0s linear infinite both;
        -o-animation: bstrot 3.84s 0s linear infinite both;
        -ms-animation: bstrot 3.84s 0s linear infinite both;
        animation: bstrot 3.84s 0s linear infinite both;
    }

    .dwx li:nth-child(odd) h3 .vcirc
    {
        fill: rgb(var(--c1));
    }

    .dwx li:nth-child(even) h3 .vcirc
    {
        fill: rgb(var(--c2));
    }

    .dwx li h3 .bcirc
    {
        stroke: rgb(var(--c5));
        stroke-width: 0.5rem;
        -webkit-animation: bstdar 4.8s 0s ease-in-out infinite both, bstdof 2.8s 0s ease-in-out infinite both;
        -moz-animation: bstdar 4.8s 0s ease-in-out infinite both, bstdof 2.8s 0s ease-in-out infinite both;
        -o-animation: bstdar 4.8s 0s ease-in-out infinite both, bstdof 2.8s 0s ease-in-out infinite both;
        -ms-animation: bstdar 4.8s 0s ease-in-out infinite both, bstdof 2.8s 0s ease-in-out infinite both;
        animation: bstdar 4.8s 0s ease-in-out infinite both, bstdof 2.8s 0s ease-in-out infinite both;
    }

    @-webkit-keyframes bstdar
    {
        0%, 100% { stroke-dasharray: 4rem; }
        50% { stroke-dasharray: 8rem; }
    }

    @-moz-keyframes bstdar
    {
        0%, 100% { stroke-dasharray: 4rem; }
        50% { stroke-dasharray: 8rem; }
    }

    @-o-keyframes bstdar
    {
        0%, 100% { stroke-dasharray: 4rem; }
        50% { stroke-dasharray: 8rem; }
    }

    @-ms-keyframes bstdar
    {
        0%, 100% { stroke-dasharray: 4rem; }
        50% { stroke-dasharray: 8rem; }
    }

    @keyframes bstdar
    {
        0%, 100% { stroke-dasharray: 4rem; }
        50% { stroke-dasharray: 8rem; }
    }

    @-webkit-keyframes bstdof
    {
        0%, 100% { stroke-dashoffset: 0px; }
        50% { stroke-dashoffset: 8rem; }
    }

    @-moz-keyframes bstdof
    {
        0%, 100% { stroke-dashoffset: 0px; }
        50% { stroke-dashoffset: 8rem; }
    }

    @-o-keyframes bstdof
    {
        0%, 100% { stroke-dashoffset: 0px; }
        50% { stroke-dashoffset: 8rem; }
    }

    @-ms-keyframes bstdof
    {
        0%, 100% { stroke-dashoffset: 0px; }
        50% { stroke-dashoffset: 8rem; }
    }

    @keyframes bstdof
    {
        0%, 100% { stroke-dashoffset: 0px; }
        50% { stroke-dashoffset: 8rem; }
    }

    @-webkit-keyframes bstrot
    {
        0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-moz-keyframes bstrot
    {
        0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-o-keyframes bstrot
    {
        0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-ms-keyframes bstrot
    {
        0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @keyframes bstrot
    {
        0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }

    .bgbim::before
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: var(--bgbim);
        background-size: cover;
        background-position: center;
        -webkit-filter: blur(4rem);
        filter: blur(4rem);
    }

    .initiateOrder, .veilx
    {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 1rem;
        background-color: rgb(var(--c4) / 0.28);
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
        -webkit-transition: all 0.24s ease;
        -moz-transition: all 0.24s ease;
        -o-transition: all 0.24s ease;
        -ms-transition: all 0.24s ease;
        transition: all 0.24s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
    }

    .initiateOrder.show, .veilx.show
    {
        opacity: 1;
        visibility: visible;
    }

    .initiateOrder:not(.show) .ordBoxCon, .veilx:not(.show) > div
    {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.94);
        -moz-transform: scale(0.94);
        -o-transform: scale(0.94);
        -ms-transform: scale(0.94);
        transform: scale(0.94);
    }

    .initiateOrder.show .ordBoxCon, .veilx.show > div
    {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .ordBoxCon
    {
        width: clamp(min(20rem, 100%), 88%, 80rem);
        max-height: calc(100% - 2rem);
    }

    .ordBox
    {
        display: flex;
        flex-wrap: wrap;
        background-color: rgb(var(--c4) / 0.4);
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
        overflow: hidden;
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
    }
    
    .ordBox > div
    {
        padding: 1rem;
        flex: 1 1 40%;
        min-width: min(20rem, 100%);
    }

    .ordUserGrid
    {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
        gap: 1rem;
    }

    .ordUser
    {
        display: flex;
        flex-direction: column;
        grid-gap: 1rem;
        gap: 1rem;
    }

    .ordBox label
    {
        padding: 0.5rem 0.75rem;
        font-weight: 600;
    }

    .ordWarn p
    {
        margin-top: 1rem;
        color: rgb(var(--c7) / 0.8);
    }

    .ordFin
    {
        background-color: rgb(var(--c4) / 0.68);
        grid-gap: 2rem;
        gap: 2rem;
    }

    .ordCpn input
    {
        max-width: 18rem;
    }

    .ordSum h2
    {
        color: rgb(var(--c7));
        margin-bottom: 0.5rem;
    }

    .ordPro
    {
        margin-top: auto;
        grid-gap: 1rem;
        gap: 1rem;
    }

    /* Shows Page */

    .showBlur::after
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, rgb(var(--c4)) 0%, rgb(var(--c4)) 20%, rgb(var(--c4) / 0.4) 100%);
    }
    
    /* Check box to Toggle Button */

    input[type="checkbox"][hidden] ~ .toggle-switch::after
    {
        content: "";
        width: 1.125rem;
        height: 1.125rem;
        border: 0.125rem solid rgb(var(--c8));
        background-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.24s ease;
        -moz-transition: all 0.24s ease;
        -o-transition: all 0.24s ease;
        -ms-transition: all 0.24s ease;
        transition: all 0.24s ease;
    }

    input[type="checkbox"][hidden]:checked ~ .toggle-switch::after
    {
        -webkit-transform: translate3d(1.875rem, 0, 0);
        -moz-transform: translate3d(1.875rem, 0, 0);
        -o-transform: translate3d(1.875rem, 0, 0);
        -ms-transform: translate3d(1.875rem, 0, 0);
        transform: translate3d(1.875rem, 0, 0);
        background-color: rgb(var(--c8));
    }
    
    /* Counter Increment Setup */
    
    #waysys-action-panel
    {
        counter-set: tierx 0;
    }
    
    .tier-head::before
    {
        counter-increment: tierx;
        content: "Tier " counter(tierx);
    }

    /* VeilX */

    .veilx > div
    {
        max-width: 40rem;
        min-width: min(20rem, 100%);
        max-height: 100%;
    }
}

@media only screen and (min-width: 760px)
{
    .mobonly
    {
        display: none;
    }
    
    header
    {
        align-items: start;
    }

    .logo img
    {
        height: 2.5rem;
    }
}

@media only screen and (max-width: 759px)
{
    header
    {
        align-items: center;
    }
    
    .logo img
    {
        height: 2rem;
    }
    
    .navcon
    {
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
    }

    .navbtn.expanded rect:nth-of-type(1)
    {
        top: -20%;
        left: 20%;
        fill: rgb(var(--c1));
        transform-origin: 90% 20%;
        transform: rotate(-45deg) scaleX(40%);
    }

    .navbtn.expanded rect:nth-of-type(2)
    {
        fill: rgb(var(--c7));
        transform-origin: 50% 50%;
        transform: rotate(45deg);
    }

    .navbtn.expanded rect:nth-of-type(3)
    {
        left: -20%;
        top: 20%;
        fill: rgb(var(--c2));
        transform-origin: 10% 80%;
        transform: rotate(-45deg) scaleX(40%);
    }
    
    .searchform
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        padding: 0.5rem 1rem;
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px);
        clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px);
    }
    
    nav.flex
    {
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
    }
    
    .searchform.show
    {
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
    }
    
    .searchform input
    {
        flex-grow: 1;
    }

    nav
    {
        position: absolute;
        right: 0px;
        top: 100%;
        text-align: right;
        background-color: rgb(var(--c4) / 0.8);
        opacity: 0;
        visibility: hidden;
        -webkit-border-radius: 0px 0px 0px 1rem;
        -moz-border-radius: 0px 0px 0px 1rem;
        -o-border-radius: 0px 0px 0px 1rem;
        -ms-border-radius: 0px 0px 0px 1rem;
        border-radius: 0px 0px 0px 1rem;
        -webkit-clip-path: polygon(0px 0px, 100% 0%, 100% 0%, 0px 0px);
        clip-path: polygon(0px 0px, 100% 0%, 100% 0%, 0px 0px);
        -webkit-transition: all 0.24s ease;
        -moz-transition: all 0.24s ease;
        -o-transition: all 0.24s ease;
        -ms-transition: all 0.24s ease;
        transition: all 0.24s ease;
    }
    
    nav.show
    {
        opacity: 1;
        visibility: visible;
        -webkit-clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 0px 100%);
        clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 0px 100%);
    }

    .dynamicnav
    {
        flex-direction: column;
    }

    #sitenav li, #usernav li
    {
        display: list-item;
        width: 100%;
    }

    nav a, nav li > ul > li > a, nav li:hover > ul > li > a
    {
        line-height: 2.5rem;
    }
}

@media only screen and (max-width: 999px)
{
    .homeSlidePrev, .homeSlideNext
    {
        top: unset;
        bottom: 0px;
        width: 4rem;
        line-height: 2rem;
    }

    .homeSlidePrev
    {
        left: calc(50% - 4rem);
    }

    .homeSlideNext
    {
        right: calc(50% - 4rem);
    }
}