@charset "UTF-8";

@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-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-face
{
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
}

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

:root
{
    --c1: 251, 29, 32;
    --c2: 252, 176, 69;
    --c3: 131, 58, 180;
    --c4: 36, 40, 44;
    --c5: 50, 58, 64;
    --f1: 'Georama', sans-serif;
    --f2: 'Playfair Display', serif;
    --gradAngle: 90deg;
}

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

body
{
    background-color: rgb(var(--c4));
    color: rgba(var(--w), 0.8);
}

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

    .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.08) 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.08) 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.08) 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.08) 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.08) 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.08);
        -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.08);
        -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.08);
        -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.08);
        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.08);
    }
    
    .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.08), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.08) 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.08), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.08) 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.08), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.08) 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.08), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.08) 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.08), 0.75rem 0.75rem 1.25rem 0rem rgba(var(--b), 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgba(var(--w), 0.08) inset;
    }
    
    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;
    }

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

    .btn_def:focus
    {
        color: rgb(var(--c1));
        text-shadow: rgba(var(--c1), 0.8);
    }

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

    nav a
    {
        display: inherit;
        font-weight: 500;
    }

    .grad
    {
        background-image: linear-gradient(148deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 50%, rgb(var(--c3)) 100%);
    }

    .highlight
    {
        background-image: linear-gradient(148deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 50%, rgb(var(--c3)) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .glow
    {
        top: 0.5rem;
        left: -0.25rem;
        width: calc(100% - 0.5rem);
        height: calc(100% - 0.5rem);
        -webkit-filter: blur(0.25rem);
        filter: blur(0.25rem);
    }

    .glow::before, .sh1::before, .head-st::before
    {
        content: "";
    }

    .glow::before, .sh1::before, .head-st::before, nav a::after, nav a::before
    {
        background-image: linear-gradient(90deg, rgb(var(--c2)) 0%, rgb(var(--c1)) calc(100% / 6), rgb(var(--c3)) calc(100% / 3), rgb(var(--c1)) calc(300% / 6), rgb(var(--c2)) calc(200% / 3), rgb(var(--c1)) calc(250% / 3), rgb(var(--c3)) 100%);
        background-size: 300% 100%;
        -webkit-animation: glownimate 4s 0s linear infinite normal both;
        -moz-animation: glownimate 4s 0s linear infinite normal both;
        -o-animation: glownimate 4s 0s linear infinite normal both;
        -ms-animation: glownimate 4s 0s linear infinite normal both;
        animation: glownimate 4s 0s linear infinite normal both;
    }

    .glow::before
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 120%;
        height: 100%;
        -webkit-transform-origin: 0px 0px;
        transform-origin: 0px 0px;
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }
    
    .boradin, .boradin-b::before
    {
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        -o-border-radius: inherit;
        -ms-border-radius: inherit;
        border-radius: inherit;
    }

    @-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%;}
    }

    .topsh > div:first-child > div:first-child
    {
        flex-basis: calc(100% - 12rem);
    }

    .topsh > div:nth-child(2), .head-bs > h1, .flex-fb60p
    {
        flex-basis: calc(60% - 2rem);
    }

    .topsh > div:first-child, .head-bs::before, .flex-fb40p
    {
        flex-basis: 40%;
    }

    .glowsl > div, .glowsl > article, .flex-fb50p
    {
        flex-basis: calc(50% - 1rem);
    }

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

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

    .flex-fb30p-2
    {
        flex-basis: calc(30% - 2rem);
    }
    
    .flex-fb100p-10
    {
        flex-basis: calc(100% - 10rem);
    }

    .flex-fb40p-5vw
    {
        flex-basis: calc(40% - 2.5vw);
    }

    .flex-fb60p-5vw
    {
        flex-basis: calc(60% - 2.5vw);
    }

    .glowsl > div, .ar4x3
    {
        aspect-ratio: 4/3;
    }

    .ar16x9
    {
        aspect-ratio: 16/9;
    }

    .sh1, .dh1
    {
        font-size: calc(1vmax + 1.75rem);
    }

    .sp
    {
        font-size: calc(0.5vw + 1rem);
    }

    .sp2
    {
        font-size: calc(0.25vw + 0.94rem);
    }

    .sh1::before
    {
        display: block;
        width: 18%;
        height: 0.5rem;
        margin-bottom: 1rem;
    }

    .head-st::before
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        -webkit-mask-image: radial-gradient(circle at 50% 50%, rgb(var(--w)) 0%, transparent 28%, transparent 100%);
        -webkit-mask-size: 0.75rem 0.75rem;
        -webkit-mask-repeat: repeat;
        mask-image: radial-gradient(circle at 50% 50%, rgb(var(--w)) 0%, transparent 28%, transparent 100%);
        mask-size: 0.75rem 0.75rem;
        mask-repeat: repeat;
    }

    .head-st h1
    {
        margin-left: -1rem;
    }

    .br0-2-2-0
    {
        -webkit-border-radius: 0px 2rem 2rem 0px;
        -moz-border-radius: 0px 2rem 2rem 0px;
        -o-border-radius: 0px 2rem 2rem 0px;
        -ms-border-radius: 0px 2rem 2rem 0px;
        border-radius: 0px 2rem 2rem 0px;
    }
    
    .br2-0-0-2
    {
        -webkit-border-radius: 2rem 0rem 0rem 2rem;
        -moz-border-radius: 2rem 0rem 0rem 2rem;
        -o-border-radius: 2rem 0rem 0rem 2rem;
        -ms-border-radius: 2rem 0rem 0rem 2rem;
        border-radius: 2rem 0rem 0rem 2rem;
    }

    .beats
    {
        -webkit-animation: beats 834ms 0s ease infinite;
        -moz-animation: beats 834ms 0s ease infinite;
        -o-animation: beats 834ms 0s ease infinite;
        -ms-animation: beats 834ms 0s ease infinite;
        animation: beats 834ms 0s ease infinite;
    }

    @-webkit-keyframes beats
    {
        0%, 100% { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -o-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); }
        40% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    }

    @-moz-keyframes beats
    {
        0%, 100% { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -o-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); }
        40% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    }

    @-o-keyframes beats
    {
        0%, 100% { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -o-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); }
        40% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    }

    @-ms-keyframes beats
    {
        0%, 100% { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -o-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); }
        40% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    }

    @keyframes beats
    {
        0%, 100% { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -o-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); }
        40% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    }

    .fader
    {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "fader";
    }

    .fader > *
    {
        grid-area: fader;
    }

    .fader > .fader__active
    {
        opacity: 1;
        visibility: visible;
    }
    
    .fader > :not(.fader__active)
    {
        opacity: 0;
        visibility: hidden;
    }

    /* Website and PWA */

    .mask-rtla
    {
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 40%, rgb(var(--c4)) 40%, transparent 54%, transparent 100%);
        -webkit-mask-size: 300% 100%;
        mask-image: linear-gradient(90deg, transparent 0%, transparent 40%, rgb(var(--c4)) 40%, transparent 54%, transparent 100%);
        mask-size: 300% 100%;
        -webkit-animation: mask-rtla 4.2s 0s ease infinite normal both;
        -moz-animation: mask-rtla 4.2s 0s ease infinite normal both;
        -o-animation: mask-rtla 4.2s 0s ease infinite normal both;
        -ms-animation: mask-rtla 4.2s 0s ease infinite normal both;
        animation: mask-rtla 4.2s 0s ease infinite normal both;
    }

    @-webkit-keyframes mask-rtla
    {
        0% { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
        100% { -webkit-mask-position: 100% 0%; mask-position: 100% 0%; }
    }

    @-moz-keyframes mask-rtla
    {
        0% { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
        100% { -webkit-mask-position: 100% 0%; mask-position: 100% 0%; }
    }

    @-o-keyframes mask-rtla
    {
        0% { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
        100% { -webkit-mask-position: 100% 0%; mask-position: 100% 0%; }
    }

    @-o-keyframes mask-rtla
    {
        0% { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
        100% { -webkit-mask-position: 100% 0%; mask-position: 100% 0%; }
    }

    @keyframes mask-rtla
    {
        0% { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
        100% { -webkit-mask-position: 100% 0%; mask-position: 100% 0%; }
    }
    
    .feacon
    {
        background-color: rgb(var(--c5));
        -webkit-animation: colfeashift 4.2s var(--delay) ease infinite normal both;
        -moz-animation: colfeashift 4.2s var(--delay) ease infinite normal both;
        -o-animation: colfeashift 4.2s var(--delay) ease infinite normal both;
        -ms-animation: colfeashift 4.2s var(--delay) ease infinite normal both;
        animation: colfeashift 4.2s var(--delay) ease infinite normal both;
    }

    @-webkit-keyframes colfeashift
    {
        0% { background-color: rgb(var(--shift)); }
        20%, 100% { background-color: rgb(var(--c5)); }
    }

    @-moz-keyframes colfeashift
    {
        0% { background-color: rgb(var(--shift)); }
        20%, 100% { background-color: rgb(var(--c5)); }
    }

    @-o-keyframes colfeashift
    {
        0% { background-color: rgb(var(--shift)); }
        20%, 100% { background-color: rgb(var(--c5)); }
    }

    @-ms-keyframes colfeashift
    {
        0% { background-color: rgb(var(--shift)); }
        20%, 100% { background-color: rgb(var(--c5)); }
    }

    @keyframes colfeashift
    {
        0% { background-color: rgb(var(--shift)); }
        20%, 100% { background-color: rgb(var(--c5)); }
    }

    .feacon::before
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(164deg, rgb(var(--c2)) 0%, rgb(var(--c1)) 28%, rgb(var(--c3)) 56%, transparent 56%, transparent 100%);
    }

    .feacon img
    {
        height: calc(2vw + 2rem);
    }
    
    .bg-x
    {
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .bg-1
    {
        background-image: url('/imx/assets/bg-1.webp');
    }

    .bg-2
    {
        background-image: url('/imx/assets/bg-2.webp');
    }

    .bg-3
    {
        background-image: url('/imx/assets/bg-3.webp');
    }

    .bg-4
    {
        background-image: url('/imx/assets/bg-4.webp');
    }

    .bg-5
    {
        background-image: url('/imx/assets/bg-5.webp');
    }

    .bg-6
    {
        background-image: url('/imx/assets/bg-6.webp');
    }

    .clip-hex-1
    {
        -webkit-clip-path: polygon(0px 4vw, 75% 0px, 100% 4vw, 100% calc(100% - 4vw), 25% 100%, 0px calc(100% - 4vw));
        clip-path: polygon(0px 4vw, 75% 0px, 100% 4vw, 100% calc(100% - 4vw), 25% 100%, 0px calc(100% - 4vw));
    }

    .svg-contact-anim path
    {
        stroke-dasharray: 100px;
        -webkit-animation: svg-contact-anim 0.88s 0s linear infinite normal both;
        -moz-animation: svg-contact-anim 0.88s 0s linear infinite normal both;
        -o-animation: svg-contact-anim 0.88s 0s linear infinite normal both;
        -ms-animation: svg-contact-anim 0.88s 0s linear infinite normal both;
        animation: svg-contact-anim 0.88s 0s linear infinite normal both;
    }

    @-webkit-keyframes svg-contact-anim
    {
        0% { stroke-dashoffset: 0px; }
        100% { stroke-dashoffset: 200px; }
    }

    @-moz-keyframes svg-contact-anim
    {
        0% { stroke-dashoffset: 0px; }
        100% { stroke-dashoffset: 200px; }
    }

    @-o-keyframes svg-contact-anim
    {
        0% { stroke-dashoffset: 0px; }
        100% { stroke-dashoffset: 200px; }
    }

    @-ms-keyframes svg-contact-anim
    {
        0% { stroke-dashoffset: 0px; }
        100% { stroke-dashoffset: 200px; }
    }

    @keyframes svg-contact-anim
    {
        0% { stroke-dashoffset: 0px; }
        100% { stroke-dashoffset: 200px; }
    }

    .ripple_a1
    {
        -webkit-animation: ripple 4.8s 0s ease infinite normal both;
        -moz-animation: ripple 4.8s 0s ease infinite normal both;
        -o-animation: ripple 4.8s 0s ease infinite normal both;
        -ms-animation: ripple 4.8s 0s ease infinite normal both;
        animation: ripple 4.8s 0s ease infinite normal both;
    }

    .ripple_a2
    {
        -webkit-animation: ripple 4.8s 0.12s ease infinite normal both;
        -moz-animation: ripple 4.8s 0.12s ease infinite normal both;
        -o-animation: ripple 4.8s 0.12s ease infinite normal both;
        -ms-animation: ripple 4.8s 0.12s ease infinite normal both;
        animation: ripple 4.8s 0.12s ease infinite normal both;
    }

    @-webkit-keyframes ripple
    {
        0% { -webkit-clip-path: circle(0% at 50%); clip-path: circle(0% at 50%); }
        40%, 100% { -webkit-clip-path: circle(100% at 50%); clip-path: circle(100% at 50%); }
    }

    @-moz-keyframes ripple
    {
        0% { -webkit-clip-path: circle(0% at 50%); clip-path: circle(0% at 50%); }
        40%, 100% { -webkit-clip-path: circle(100% at 50%); clip-path: circle(100% at 50%); }
    }

    @-o-keyframes ripple
    {
        0% { -webkit-clip-path: circle(0% at 50%); clip-path: circle(0% at 50%); }
        40%, 100% { -webkit-clip-path: circle(100% at 50%); clip-path: circle(100% at 50%); }
    }

    @-ms-keyframes ripple
    {
        0% { -webkit-clip-path: circle(0% at 50%); clip-path: circle(0% at 50%); }
        40%, 100% { -webkit-clip-path: circle(100% at 50%); clip-path: circle(100% at 50%); }
    }

    @keyframes ripple
    {
        0% { -webkit-clip-path: circle(0% at 50%); clip-path: circle(0% at 50%); }
        40%, 100% { -webkit-clip-path: circle(100% at 50%); clip-path: circle(100% at 50%); }
    }

    /* SmartAlert */

    .smartalert
    {
        opacity: 0;
        visibility: hidden;
        --bcalpha: 0.8;
    }

    .smartalert.show
    {
        opacity: 1;
        visibility: visible;
        z-index: 100;
    }

    @supports (backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))
    {
        .smartalert
        {
            -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
            --bcalpha: 0.4;
        }
    }
    
    .smartalert article
    {
        width: calc(28% + 12rem);
        transform: scale(0.88);
        --bcalpha: 1;
    }
    
    .smartalert.show article
    {
        transform: scale(1);
    }
}

@media only screen and (min-width: 951px)
{
    .glowcon
    {
        -webkit-border-radius: 0px 0px 0px 2rem;
        -moz-border-radius: 0px 0px 0px 2rem;
        -o-border-radius: 0px 0px 0px 2rem;
        -ms-border-radius: 0px 0px 0px 2rem;
        border-radius: 0px 0px 0px 2rem;
    }

    .glowsl img
    {
        -webkit-border-radius: 0rem 2rem;
        -moz-border-radius: 0rem 2rem;
        -o-border-radius: 0rem 2rem;
        -ms-border-radius: 0rem 2rem;
        border-radius: 0rem 2rem;
    }
}

@media only screen and (max-width: 950px)
{
    .m_neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.068);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.068);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.068);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.068);
        box-shadow: 1rem 1rem 2rem 0rem rgba(var(--b), 0.24), -1rem -1rem 2rem 0rem rgba(var(--w), 0.068);
    }
}

@media only screen and (min-width: 1080px)
{
    nav a
    {
        padding: 1rem 0.5rem;
    }

    nav a::before, nav a::after
    {
        content: "";
        position: absolute;
        -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 a::before
    {
        top: -1rem;
        left: 0px;
        width: 100%;
        height: 0.5rem;
        -webkit-transform: translateY(-3rem);
        -moz-transform: translateY(-3rem);
        -o-transform: translateY(-3rem);
        -ms-transform: translateY(-3rem);
        transform: translateY(-3rem);
        -webkit-filter: blur(1rem);
        filter: blur(1rem);
    }

    nav a::after
    {
        position: absolute;
        bottom: 0.25rem;
        left: calc(50% - 1rem);
        width: 2rem;
        height: 0.25rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
    }

    nav a:hover::before, nav a:hover::after
    {
        -webkit-transform: scaleX(1) translateY(0);
        -moz-transform: scaleX(1) translateY(0);
        -o-transform: scaleX(1) translateY(0);
        -ms-transform: scaleX(1) translateY(0);
        transform: scaleX(1) translateY(0);
    }

    .xmob
    {
        display: none;
    }
}

@media only screen and (max-width: 1079px)
{
    header.m_flex-sb
    {
        justify-content: space-between;
    }

    nav.xmx
    {
        position: absolute;
        top: calc(100% + 2rem);
        right: 1rem;
        flex-direction: column;
        grid-gap: 0px;
        gap: 0px;
        background-color: rgba(var(--c4), 0.84);
        opacity: 0;
        visibility: hidden;
        -webkit-filter: blur(0.5rem);
        filter: blur(0.5rem);
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
    }

    nav.xmx.show
    {
        top: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-filter: none;
        filter: none;
    }

    @supports (backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))
    {
        nav.xmx
        {
            background-color: rgba(var(--c4), 0.48);
            -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
        }
    }

    nav.xmx > ul
    {
        grid-gap: 0px;
        gap: 0px;
        flex-direction: column;
    }

    nav.xmx a
    {
        line-height: 2.25rem;
        padding: 0px 1rem;
    }
}