@charset "UTF-8";

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

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

@font-face
{
    font-family: 'Georama';
    src: url('/fonts/Georama.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Georama';
    src: url('/fonts/Georama-Italic.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
    font-style: italic;
    font-display: swap;
}

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

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

:root
{
    --c1: 255, 0, 132;
    --f1: 'Georama', sans-serif;
    --f2: 'Playfair Display', sans-serif;
    --f3: 'Roboto Mono', monospace;
    --gradAngle: 90deg;
    --plyr-color-main: rgb(var(--c2));
    --fancybox-content-bg: transparent;
}

@media only screen and (prefers-color-scheme: dark)
{
    :root
    {
        --c2: 0, 159, 208;
        --c3: 210, 210, 210;
        --c4: 36, 40, 44;
        --c5: 50, 58, 64;
        --c6: 20, 24, 28;
        --c7: 130, 131, 133;
        --c8: 180, 182, 184;
        --c9: 255, 255, 255;
    }

    .neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.06);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.06);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.06);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.06);
        box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.06);
    }

    .neumorphic_in
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
    }

    .neumorphic_btn, .neumorphic_out
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068);
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068);
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068);
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068);
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068);
    }
    
    .neumorphic_btn:active
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.068) inset;
    }

    .btn_def:active
    {
        text-shadow: 0px 0px 0.5rem rgba(var(--c1), 0.84);
    }

    .wave1
    {
        background-image: url('/imx/sine_dark.svg');
    }
}

@media only screen and not (prefers-color-scheme: dark)
{
    :root
    {
        --c2: 0, 201, 231;
        --c3: 60, 60, 60;
        --c4: 236, 236, 240;
        --c5: 224, 224, 228;
        --c6: 250, 250, 254;
        --c7: 148, 148, 150;
        --c8: 108, 108, 110;
        --c9: 0, 0, 0;
    }

    .neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.068), -1rem -1rem 2rem 0rem rgba(var(--w), 0.8);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.068), -1rem -1rem 2rem 0rem rgba(var(--w), 0.8);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.068), -1rem -1rem 2rem 0rem rgba(var(--w), 0.8);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.068), -1rem -1rem 2rem 0rem rgba(var(--w), 0.8);
        box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.068), -1rem -1rem 2rem 0rem rgba(var(--w), 0.8);
    }

    .neumorphic_in
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
    }

    .neumorphic_btn, .neumorphic_out
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4);
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4);
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4);
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4);
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4);
    }
    
    .neumorphic_btn:active
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08), -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.08) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.4) inset;
    }

    .btn_def:active
    {
        text-shadow: 0px 0px 0.5rem rgba(var(--c1), 0.42);
    }

    .wave1
    {
        background-image: url('/imx/sine_light.svg');
    }
}

html
{
    font-size: 16px;
    scrollbar-width: thin;
}

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

body
{
    background-color: rgb(var(--c4));
    color: rgba(var(--c3));
}

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

@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: 1;
        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
    {
        border: 0.0625rem solid rgba(var(--c5), 1);
    }

    .btn_def:hover
    {
        color: rgb(var(--c2));
        text-shadow: 0px 0px 0.5rem rgba(var(--c2), 0.42);
    }

    .btn_def:active
    {
        color: rgb(var(--c1));
    }

    .btn_red
    {
        background-image: linear-gradient(120deg, rgb(250, 95, 95) 0%, rgb(190, 24, 24) 100%);
        border: 0.0625rem solid rgba(var(--c5), 1);
    }

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

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

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

    .flex-fb5rem
    {
        flex-basis: 5rem;
    }

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

    .grad, .highlight
    {
        background-image: -webkit-linear-gradient(120deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        background-image: -moz-linear-gradient(120deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        background-image: -o-linear-gradient(120deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        background-image: linear-gradient(120deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
    }

    .widLogin
    {
        width: calc(18vw + 16rem);
    }

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

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

    .flex-fb40p
    {
        flex-basis: 40%;
    }

    .flex-fb50p
    {
        flex-basis: 50%;
    }

    /* Site styles */

    .smartAlert > div
    {
        width: calc(20% + 16rem);
        max-width: min(calc(100% - 2rem), 40rem);
    }

    nav a
    {
        padding: 0px 1rem;
    }

    .search
    {
        width: calc(8rem + 10vw);
    }

    .bigTop
    {
        background-image: radial-gradient(circle at 50% 50%, rgb(var(--c5)) 0%, rgb(var(--c5)) 0.125rem, transparent 0.125rem, transparent 100%);
        background-size: 2rem 2rem;
        background-repeat: repeat;
    }

    .ts4
    {
        text-shadow: 0px 0px 4rem;
    }

    .scale04
    {
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -o-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
    }

    .dotglow
    {
        -webkit-animation: dotglow 2.48s 0s linear infinite normal;
        -moz-animation: dotglow 2.48s 0s linear infinite normal;
        -o-animation: dotglow 2.48s 0s linear infinite normal;
        -ms-animation: dotglow 2.48s 0s linear infinite normal;
        animation: dotglow 2.48s 0s linear infinite normal;
    }
    
    @-webkit-keyframes dotglow
    {
        0%, 100% { color: rgb(var(--cstart)); }
        50% { color: rgb(var(--cend)); }
    }
    
    @-moz-keyframes dotglow
    {
        0%, 100% { color: rgb(var(--cstart)); }
        50% { color: rgb(var(--cend)); }
    }
    
    @-o-keyframes dotglow
    {
        0%, 100% { color: rgb(var(--cstart)); }
        50% { color: rgb(var(--cend)); }
    }
    
    @-ms-keyframes dotglow
    {
        0%, 100% { color: rgb(var(--cstart)); }
        50% { color: rgb(var(--cend)); }
    }
    
    @keyframes dotglow
    {
        0%, 100% { color: rgb(var(--cstart)); }
        50% { color: rgb(var(--cend)); }
    }

    /* Form Checker */

    .checker:checked ~ .fa-circle, .checker:not(:checked) ~ .fa-circle-check
    {
        opacity: 0;
        visibility: hidden;
    }

    /* Nexus Slide */

    .nexusslide > div::-webkit-scrollbar, .flex-long::-webkit-scrollbar
    {
        display: none;
    }

    .nexusslide > div, .flex-long
    {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .nexusslide > div > a
    {
        flex: 0 0 min(calc(18rem + 18vw), 100%);
    }

    .flex-long > a
    {
        flex: 0 0 14rem;
    }

    .nexusslide > div > a::before
    {
        content: "";
        position: absolute;
        top: 1rem;
        left: 1rem;
        width: calc(100% - 2rem);
        height: calc(100% - 2rem);
        opacity: 0;
        background-image: -webkit-linear-gradient(180deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        background-image: -moz-linear-gradient(180deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        background-image: -o-linear-gradient(180deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        background-image: linear-gradient(180deg, rgba(var(--c1), 1) 0%, rgba(var(--c2), 1) 100%);
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        border-radius: 0.5rem;
        -webkit-filter: blur(1rem);
        filter: blur(1rem);
        -webkit-transition: opacity 0.24s ease;
        -moz-transition: opacity 0.24s ease;
        -o-transition: opacity 0.24s ease;
        -ms-transition: opacity 0.24s ease;
        transition: opacity 0.24s ease;
    }

    .nexusslide > div > a:hover::before
    {
        opacity: 0.8;
    }

    .nexusslide img
    {
        width: 100%;
    }

    .wave1
    {
        height: 7.125rem;
        background-size: 15.625rem auto;
        background-position: 0% 50%;
        -webkit-animation: wave1 2.8s 0s linear infinite normal;
        -moz-animation: wave1 2.8s 0s linear infinite normal;
        -o-animation: wave1 2.8s 0s linear infinite normal;
        -ms-animation: wave1 2.8s 0s linear infinite normal;
        animation: wave1 2.8s 0s linear infinite normal;
    }

    .wave1::before
    {
        content: "";
        background-image: url('/imx/sine_cyan.svg');
        -webkit-animation: wave1ab 4s 0s linear infinite normal;
        -moz-animation: wave1ab 4s 0s linear infinite normal;
        -o-animation: wave1ab 4s 0s linear infinite normal;
        -ms-animation: wave1ab 4s 0s linear infinite normal;
        animation: wave1ab 4s 0s linear infinite normal;
    }

    .wave1::after
    {
        background-image: url('/imx/sine_red.svg');
        -webkit-animation: wave1ab 2.48s 0s linear infinite normal;
        -moz-animation: wave1ab 2.48s 0s linear infinite normal;
        -o-animation: wave1ab 2.48s 0s linear infinite normal;
        -ms-animation: wave1ab 2.48s 0s linear infinite normal;
        animation: wave1ab 2.48s 0s linear infinite normal;
    }

    .wave1::before, .wave1::after
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-size: 18.75rem auto;
        background-position: 0% 50%;
    }
    
    @-webkit-keyframes wave1
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -15.625rem 50%;}
    }

    @-moz-keyframes wave1
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -15.625rem 50%;}
    }

    @-o-keyframes wave1
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -15.625rem 50%;}
    }

    @-ms-keyframes wave1
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -15.625rem 50%;}
    }

    @keyframes wave1
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -15.625rem 50%;}
    }

    @-webkit-keyframes wave1ab
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -18.75rem 50%;}
    }

    @-moz-keyframes wave1ab
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -18.75rem 50%;}
    }

    @-o-keyframes wave1ab
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -18.75rem 50%;}
    }

    @-ms-keyframes wave1ab
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -18.75rem 50%;}
    }

    @keyframes wave1ab
    {
        0% {background-position: 0% 50%;}
        100% {background-position: -18.75rem 50%;}
    }

    .svgbg > path:nth-child(2)
    {
        animation: toUp 2.48s 0s ease-in-out infinite alternate;
    }

    .svgbg > path:nth-child(3)
    {
        animation: toDown 4s 0s ease-in-out infinite alternate;
    }
    
    @keyframes toUp
    {
        0% {transform: translateY(0);}
        100% {transform: translateY(-14%);}
    }

    @keyframes toDown
    {
        0% {transform: translateY(0);}
        100% {transform: translateY(10%);}
    }

    .svgbg > path:last-child
    {
        stroke: rgb(var(--c5));
        transform-origin: center;
        animation: wiggleRotate 2.8s 0s ease-in-out infinite alternate both;
    }

    @keyframes wiggleRotate
    {
        0% {transform: rotate(-20deg)}
        100% {transform: rotate(5deg)}
    }

    .centerabs
    {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    /* Shows Page */

    .covshow::after
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(0deg, rgba(var(--c4), 1) 0%, rgba(var(--c4), 0.5) 50%, rgba(var(--c4), 1) 100%);
        background-image: -moz-linear-gradient(0deg, rgba(var(--c4), 1) 0%, rgba(var(--c4), 0.5) 50%, rgba(var(--c4), 1) 100%);
        background-image: -o-linear-gradient(0deg, rgba(var(--c4), 1) 0%, rgba(var(--c4), 0.5) 50%, rgba(var(--c4), 1) 100%);
        background-image: linear-gradient(0deg, rgba(var(--c4), 1) 0%, rgba(var(--c4), 0.5) 50%, rgba(var(--c4), 1) 100%);
    }
    
    .postershow
    {
        margin-top: 10vw;
    }
    
    .postershow > img
    {
        width: calc(12vw + 8rem);
    }
    
    .trailimg
    {
        width: calc(8vw + 10rem);
    }

    .viscus
    {
        height: 28vw;
        max-height: 80vh;
    }

    .fancybox__content
    {
        padding: 0px;
    }

    .mvpc:not(.show)
    {
        height: 0px;
    }

    .mvp, .mvpc.show
    {
        height: min(56.25vw, 68vh);
    }

    .nexusslide button, button[data-action="itemLeft"], button[data-action="itemRight"]
    {
        width: 2.4rem;
        line-height: 4rem;
        background-color: rgba(var(--c4), 0.48);
        -webkit-backdrop-filter: blur(0.5rem);
        backdrop-filter: blur(0.5rem);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .nexusslide button[data-action="slideLeft"], button[data-action="itemLeft"]
    {
        -webkit-border-radius: 0px 1rem 1rem 0px;
        -moz-border-radius: 0px 1rem 1rem 0px;
        -o-border-radius: 0px 1rem 1rem 0px;
        -ms-border-radius: 0px 1rem 1rem 0px;
        border-radius: 0px 1rem 1rem 0px;
    }

    .nexusslide button[data-action="slideLeft"]:hover i, button[data-action="itemLeft"]:hover i
    {
        -webkit-transform: translateX(-0.25rem);
        -moz-transform: translateX(-0.25rem);
        -o-transform: translateX(-0.25rem);
        -ms-transform: translateX(-0.25rem);
        transform: translateX(-0.25rem);
    }

    .nexusslide button[data-action="slideRight"], button[data-action="itemRight"]
    {
        -webkit-border-radius: 1rem 0px 0px 1rem;
        -moz-border-radius: 1rem 0px 0px 1rem;
        -o-border-radius: 1rem 0px 0px 1rem;
        -ms-border-radius: 1rem 0px 0px 1rem;
        border-radius: 1rem 0px 0px 1rem;
    }

    .nexusslide button[data-action="slideRight"]:hover i, button[data-action="itemRight"]:hover i
    {
        -webkit-transform: translateX(0.25rem);
        -moz-transform: translateX(0.25rem);
        -o-transform: translateX(0.25rem);
        -ms-transform: translateX(0.25rem);
        transform: translateX(0.25rem);
    }

    .itemscon:empty::before
    {
        content: "No items to display!";
        font-size: 1.24rem;
        font-weight: 500;
    }
}

@media only screen and (max-width: 1024px)
{
    nav, .searchform
    {
        top: calc(100% + 2rem);
        opacity: 0;
        visibility: hidden;
        background-color: rgb(var(--c4), 0.4);
        -webkit-backdrop-filter: blur(0.5rem);
        -moz-backdrop-filter: blur(0.5rem);
        -o-backdrop-filter: blur(0.5rem);
        -ms-backdrop-filter: blur(0.5rem);
        backdrop-filter: blur(0.5rem);
    }

    nav.show, .searchform.show
    {
        top: calc(100% + 0.5rem);
        visibility: visible;
        opacity: 1;
    }

    .searchform.show
    {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }

    .searchform
    {
        width: 100%;
        left: 0rem;
    }

    .searchform > .search
    {
        width: 100%;
        border-bottom: 0.125rem dotted rgb(var(--c5));
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
    }
}