@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('./icons.css');

* {
    box-sizing: border-box;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

body {
    background-image: url("/images/pages/background.png");
    background-color: #cccccc;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.note-text {
    font-size: 12px;
    color: gray;
}

.button-link {
    text-decoration: unset;
}

.title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0;
}

    .title.title-secondary {
        padding: 0.313rem 0 0;
        color: var(--dxds-color-content-secondary-default-rest);
    }

.title-header-text {
    font-size: var(--dxds-font-size-headline-lg);
    font-weight: var(--dxds-font-weight-headline-default);
    letter-spacing: var(--dxds-letter-spacing-headline-lg);
    line-height: var(--dxds-line-height-headline-lg);
}

.title-content-text {
    font-size: var(--dxds-font-size-base-lg);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-lg);
    line-height: var(--dxds-line-height-base-lg);
}

.title-content-text-secondary {
    font-size: var(--dxds-font-size-title-md);
    line-height: var(--dxds-line-height-title-md);
    border-bottom: 1px solid gray;
}

.main-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.block-content {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    height: auto;
    max-width: 100%;
    width: 31.25rem;
}

.or {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 0.3125rem 0;
}

.or .or-line {
    opacity: 0.2;
    width: 100%;
    border-bottom: 1px solid var(--bs-body-color);
}

.or .or-text {
    padding: 0 0.625rem 0 0.625rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: var(--bs-body-color);
    opacity: 0.7;
}

.links-container {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.links-container .dot {
    border-radius: 50%;
    height: 0.3125rem;
    margin: 0 0.1875rem;
    opacity: 0.7;
    width: 0.3125rem;
    background-color: var(--bs-body-color);
}

.manage-layout {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.info-message {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0.625rem 1rem 0.625rem 1rem;
    position: relative;
    background-color: rgb(var(--bs-primary-rgb) / 0.15);
}

.info-message.info-panel {
    margin-bottom: 0.625rem;
}

.manage-content {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.large-input {
    font-size: 1.875rem;
    height: 4.3125rem;
}

.button-group {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

.confirm-button {
    margin-top: 0.3125rem;
}

.display-desktop {
    display: block;
}

.display-mobile {
    display: none;
}

/* Sidebar Link Styling */
.policy-nav .nav-item a {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #495057;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: background-color 0.2s ease;
}

    .policy-nav .nav-item a:hover {
        background-color: #f8f9fa;
        color: #0d6efd;
    }

/* Inline Document Links */
.policy-inline-link {
    cursor: pointer;
    color: #0d6efd;
    text-decoration: underline;
}

/* Floating Back To Top Button */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

h2.policy-header {
    font-size: 24px;
    font-weight: bold;
    color: #012604;
}

h3.policy-subheader {
    font-size: 20px;
    font-weight: bold;
    color: #39483a;
}

hr.fancy-line {
    border: 0;
    height: 2px;
    position: relative;
    margin: 0 0 4px;
    opacity: 0.95;
}

    hr.fancy-line:before {
        top: -0.5em;
        height: 1em;
    }

    hr.fancy-line:after {
        content: '';
        height: 0.5em;
        top: 1px;
    }

    hr.fancy-line:before, hr.fancy-line:after {
        content: '';
        position: absolute;
        width: 100%;
    }

    hr.fancy-line, hr.fancy-line:before {
        background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
        background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    }


/* Navigation */
.nav-topbar-default {
    background: linear-gradient(90deg, #0088A3, #B8F0FF);
    border-color: #132039 !important;
}

/* Forms */
.form-card {
    background: #F0FAFA;
    border: 1px solid #2a2a35;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 10px 5px 5px silver;
    position: relative;
    backdrop-filter: blur(20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.highlighted-date {
    background-color: #F54927;
    color: #09073d;
    font-weight: bold;
}

.required-label::after {
    content: " *";
    color: red;
    font-weight: bold;
}

.grad-header {
    background: radial-gradient(circle at center, #FFD2B8 0%, #FFE6E6 75%, #FFB8B8 100%) !important;
}

.bg-light-red {
    background-color: #fff4f2 !important;
}

.dark-red {
    color: #641e16 !important;
}

.dark-blue {
    color: #000080 !important;
}

/* Clean hover state using native Bootstrap color variables */
.icon-hover-btn {
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .icon-hover-btn:hover {
        background-color: rgba(var(--bs-primary-rgb), 0.12);
    }

    .icon-hover-btn:active {
        transform: scale(0.95);
    }

.dxbl-grid-table thead {
    background-color: #B3BAD6 !important; /* Replace with your color */
    color: black !important; /* Optional: change text color */
}

/* Target the even rows within the DevExpress Grid table body */
.my-zebra-grid .dxbl-grid-table > tbody > tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.04); /* Very light gray */
}

/* Optional: Add a hover effect for better readability */
.my-zebra-grid .dxbl-grid-table > tbody > tr:hover {
    background-color: rgba(0, 120, 215, 0.08);
}

/* Base style for all tabs */
/* 1. Target the component using its class to set theme variables */
.custom-tabs {
    --dxbl-tabs-item-active-border-color: #007bff;
    --dxbl-tabs-item-active-border-width: 3px;
    --dxbl-tabs-item-active-color: #007bff;
    --dxbl-tabs-item-color: #6c757d;
    --dxbl-tabs-item-hover-bg: #f8f9fa;
    border-bottom: 1px solid #dee2e6 !important;
}

    /* 2. Target the specific "Part" inside the Shadow DOM */
    /* Modern DevExpress components expose parts for styling */
    .custom-tabs dxbl-tab-item::part(button) {
        padding: 12px 20px;
        transition: all 0.2s ease;
    }

    /* 3. Re-create the indicator bar using a selector that works with shadow elements */
    .custom-tabs .dxbl-active {
        position: relative;
    }

    /* We target the dxbl-tab-item directly since it's the custom element */
    .custom-tabs dxbl-tab-item.dxbl-active {
        border-bottom: 3px solid #007bff !important;
        margin-bottom: -1px; /* Overlaps the container border */
    }

    /* 4. Fix the icon alignment since it's "slotted" into the shadow DOM */
    .custom-tabs .d-flex {
        display: flex !important;
        align-items: center !important;
        height: 100%;
    }

    .custom-tabs dxbl-tab-item {
        transition: background-color 0.2s ease, color 0.2s ease;
        cursor: pointer;
        border: 1px solid #F5F5F5;
        margin-right: 0.4rem;
        margin-bottom: 0.6rem;
    }

        .custom-tabs dxbl-tab-item:hover:not(.dxbl-active) {
            background-color: #D5DBE1 !important;
            color: #343a40 !important;
        }


.logo-container {
    display: flex;
    align-items: center; /* Centers the logo vertically */
    justify-content: center; /* Centers the logo horizontally */
    /* Match these bounds to your grid layout needs */
    min-width: 120px;
    min-height: 120px;
    background-color: #fff; /* Ensures a clean backdrop */
    border: 1px solid #e9ecef; /* Optional: subtle border to define the box */
    border-radius: 4px;
    padding: 8px; /* Prevents wide/tall logos from touching edges */
}

.company-logo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Scaled proportionally without distorting */
}

/* Circular Container */
.circle-gauge-card {
    container-type: inline-size;
    width: 100%;
    max-width: 210px; /* caps growth on very wide columns */
    aspect-ratio: 1 / 1; /* keeps it a perfect circle at any width */
    margin: 0 auto; /* centers it in the card */
}

.circle-gauge-outer {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #111827;
    border: 2px solid #2d3748;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.circle-gauge-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 87.6%; /* matches your original 184/210 ratio */
    height: 87.6%;
    border-radius: 50%;
    background: #4D4D4F;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.circle-gauge-value {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
    font-size: 20cqw;
}

.circle-gauge-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 7.5cqw;
    color: #9ca3af;
    letter-spacing: 0.05em;
}

@supports not (container-type: inline-size) {
    .circle-gauge-value {
        font-size: 2.5rem;
    }

    .circle-gauge-label {
        font-size: 1rem;
    }
}

/* Gauge Container */
.gauge-box {
    width: 48%;
    min-width: 300px;
    height: 240px; /* taller to fit the enlarged gauge */
    padding: 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible; /* was implicitly clipping the scaled-up gauge */
}

    .gauge-box .meter-container {
        transform: scale(1.3); /* bump this up/down to taste */
    }


.gauge-card {
    container-type: inline-size;
    width: 100%;
    aspect-ratio: 250 / 165;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
}

    .gauge-card .meter-container {
        transform: scale(calc(60cqw / 250px));
    }

@supports not (container-type: inline-size) {
    .gauge-card .meter-container {
        transform: scale(0.55);
    }

    .gauge-card {
        overflow: hidden;
    }
}


/*  =====================================================================  */
/*  Login Form */
/*  =====================================================================  */
.login-container {
    width: 100%;
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.login-card {
    background: #090F10;
    border: 1px solid #2a2a35;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 10px 5px 5px silver;
    position: relative;
    backdrop-filter: blur(20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .login-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, #00ff88, transparent);
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .login-card:hover::before {
        opacity: 1;
    }

    .login-card:hover {
        box-shadow: 10px 5px 5px silver;
        transform: translateY(-2px);
    }

.login-header {
    text-align: center;
    margin-bottom: 4px;
}

.logo-icon {
    font-size: 2.5rem;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #00ff88, #0099ff);
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 20px rgba(0, 255, 136, 0.3));
    animation: pulse 2s ease-in-out infinite alternate;
    border-radius: 16px;
    overflow: hidden;
    display: inline-block;
}

    .logo-icon img {
        display: block;
        border-radius: 16px;
    }

.login-header h2 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.login-header p {
    color: #a0a0b0;
    font-size: 16px;
    font-weight: 400;
}

/* Form Group & Input Styles */
.form-group {
    margin-bottom: 24px;
    position: relative;
}

.input-wrapper {
    position: relative;
    margin-bottom: 14px;
}

    .input-wrapper input {
        width: 100%;
        background: #1a1a25;
        border: 1px solid #2a2a35;
        border-radius: 6px;
        padding: 16px 16px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
    }

        .input-wrapper input:focus {
            border-color: #00ff88;
            background: rgba(26, 26, 37, 0.8);
            box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1), 0 4px 20px rgba(0, 255, 136, 0.1);
        }

            .input-wrapper input:focus + label,
            .input-wrapper input:valid + label {
                transform: translateY(-32px) translateX(4px) scale(0.85);
                color: #00A357;
                font-weight: 500;
            }

    .input-wrapper label {
        position: absolute;
        left: 16px;
        top: 30px;
        color: #a0a0b0;
        font-size: 16px;
        font-weight: 400;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
        transform-origin: left top;
    }

.input-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #00ff88, #0099ff);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    border-radius: 2px;
}

.input-wrapper input:focus ~ .input-line {
    width: 100%;
}

/* Password Toggle */
.password-wrapper input {
    padding-right: 50px;
}

.password-toggle {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: #a0a0b0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 6px;
}

    .password-toggle:hover {
        color: #00ff88;
        background: rgba(0, 255, 136, 0.1);
    }

/* Form Options */
.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.remember-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .remember-wrapper input[type="checkbox"] {
        display: none;
    }

.custom-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #2a2a35;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

    .custom-checkbox::after {
        content: '';
        width: 8px;
        height: 8px;
        background: #00ff88;
        border-radius: 1px;
        transform: scale(0);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

.remember-wrapper input[type="checkbox"]:checked ~ .checkbox-label .custom-checkbox {
    border-color: #00ff88;
    background: rgba(0, 255, 136, 0.1);
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.3);
}

    .remember-wrapper input[type="checkbox"]:checked ~ .checkbox-label .custom-checkbox::after {
        transform: scale(1);
    }

.checkbox-label {
    color: #a0a0b0;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.remember-wrapper:hover .checkbox-label {
    color: #ffffff;
}

.forgot-password {
    color: #a0a0b0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

    .forgot-password:hover {
        color: #00ff88;
    }

/* Neon Button */
.login-btn {
    width: 100%;
    background: linear-gradient(120deg, #0004FF, #6598FF, #7239DB);
    border: none;
    border-radius: 6px;
    padding: 14px 32px;
    color: #0a0a0f;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.btn-glow {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.login-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 30px rgba(0, 255, 136, 0.3), 0 0 40px rgba(0, 255, 136, 0.2);
}

    .login-btn:hover .btn-glow {
        left: 100%;
    }

.login-btn:active {
    transform: translateY(0);
}

/* Loading State */
.login-btn.loading {
    pointer-events: none;
}

.btn-text {
    transition: opacity 0.3s ease;
}

.btn-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top: 2px solid #0a0a0f;
    border-radius: 50%;
    opacity: 0;
    animation: spin 1s linear infinite;
    transition: opacity 0.3s ease;
}

.login-btn.loading .btn-text {
    opacity: 0;
}

.login-btn.loading .btn-loader {
    opacity: 1;
}

/* Divider */
.divider {
    text-align: center;
    margin: 32px 0 24px;
    position: relative;
}

    .divider::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, #2a2a35, transparent);
        transform: translateY(-50%);
    }

    .divider span {
        background: #151520;
        color: #a0a0b0;
        padding: 0 24px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        position: relative;
        z-index: 1;
    }

/* Signup Link */
.signup-link {
    text-align: center;
}

    .signup-link p {
        color: #a0a0b0;
        font-size: 14px;
    }

    .signup-link a {
        color: #00ff88;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .signup-link a:hover {
            color: #0099ff;
            text-shadow: 0 0 10px rgba(0, 153, 255, 0.5);
        }

/* Error States */
.is-invalid-border {
    border: 1px solid #dc3545 !important;
    border-radius: 4px;
}

.error-message {
    color: #ff0080;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    margin-left: 4px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 0, 128, 0.1);
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid rgba(255, 0, 128, 0.2);
}

    .error-message.show {
        opacity: 1;
        transform: translateY(0);
    }

.form-group.error .input-wrapper input {
    border-color: #ff0080;
    background: rgba(255, 0, 128, 0.05);
    box-shadow: 0 0 0 3px rgba(255, 0, 128, 0.1);
    animation: shake 0.5s ease-in-out;
}

/* Success Message */
.success-message {
    display: none;
    text-align: center;
    padding: 40px 24px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

    .success-message.show {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

.success-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #00ff88, #0099ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #0a0a0f;
    margin: 0 auto 24px;
    animation: successPulse 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 0 30px rgba(0, 255, 136, 0.5);
}

.success-message h3 {
    color: #ffffff;
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.success-message p {
    color: #a0a0b0;
    font-size: 16px;
}

/* Background Effects */
.background-effects {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.glow-orb {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 255, 136, 0.1), transparent 70%);
    animation: float 6s ease-in-out infinite;
}

.glow-orb-1 {
    width: 300px;
    height: 300px;
    top: 10%;
    left: -10%;
    background: radial-gradient(circle, rgba(0, 255, 136, 0.08), transparent 70%);
    animation-delay: 0s;
}

.glow-orb-2 {
    width: 200px;
    height: 200px;
    top: 60%;
    right: -5%;
    background: radial-gradient(circle, rgba(0, 153, 255, 0.06), transparent 70%);
    animation-delay: -2s;
}

.glow-orb-3 {
    width: 150px;
    height: 150px;
    bottom: 20%;
    left: 10%;
    background: radial-gradient(circle, rgba(255, 0, 128, 0.04), transparent 70%);
    animation-delay: -4s;
}

/* Animations */
@keyframes pulse {
    from {
        filter: drop-shadow(0 0 20px rgba(0, 255, 136, 0.3));
    }

    to {
        filter: drop-shadow(0 0 30px rgba(0, 255, 136, 0.6));
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
    }

    33% {
        transform: translateY(-20px) translateX(10px);
    }

    66% {
        transform: translateY(10px) translateX(-10px);
    }
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

@keyframes successPulse {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


/*  =====================================================================  */
/*  MainLayout */
/*  =====================================================================  */
.main-logo {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto !important;
    max-height: 60px;
    object-fit: contain;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
}

.logo {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto !important;
    max-height: 60px;
    object-fit: contain;
    vertical-align: middle;
}

/* This targets transparent PNG logo edges and traces a clean dark contour outline */
.logo-ambient-fix {
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.40)) /* Crisp, dark anchor layer for thin text lines */
    drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15)) /* Soft transitional depth layer */
    drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.08)); /* Ultra-soft outer ambient blend layer */
}


.navigation-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px; /* Adjust as needed */
    min-height: 80px; /* Ensures the header doesn't collapse */
}

.drawer-content {
    padding: 2px !important;
}

.page-content-container {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    overflow: visible;
    margin-top: 2px;
    padding: 6px 0 6px 6px;
}

.page-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #F2F2EB;
    border-radius: 4px;
}

.page-container-plant {
    background-image: radial-gradient(circle, #5C0067 0%, #001EFF 100%);
}

/* Add this to your site.css or a <style> block */
.flex-constrained {
    min-width: 0 !important;
    display: flex !important; /* Ensure it stays a flex item */
}

.custom-group-caption {
    color: #12003B;
    font-size: 1.5rem;
    font-weight: bold;
}

.company-name {
    font-family: 'Inter', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(90deg, #416589, #b77d34); /* Branded gradient */
    --clip-value: text;
    background-clip: var(--clip-value);
    -webkit-background-clip: var(--clip-value);
    -webkit-text-fill-color: transparent;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1); /* Subtle shadow */
    transition: all 0.3s ease;
}

    .company-name:hover {
        opacity: 0.8; /* Subtle hover effect */
    }

.mix-name {
    width: 40%;
}

.blink {
    color: #F52727;
    /* Apply the animation */
    animation: blink-animation 2s steps(1, start) infinite;
}

@keyframes blink-animation {
    50% {
        opacity: 0;
    }
}

.mobile-break {
    display: none;
}

.shadow-inset {
    background: #eef7ff;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}

.card-adp-3d {
    max-width: 768px;
    background: linear-gradient(170deg, #B8F3FF, #006275);
    align-items: center;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 15px;
    box-shadow: 4px 4px 6px 4px hsl(0deg 0% 0% / 0.4);
}

.card-adp-3dx {
    background-color: #E9FBF7 !important;
    align-items: center;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 10px;
    box-shadow: 4px 4px 6px 4px hsl(0deg 0% 0% / 0.4);
}

/* Dashboard Errors */
/* Darkened background that disables clicks on the rest of the page */
.custom-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    cursor: pointer;
}

/* Centered popup card */
.custom-modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 500px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 1051;
    display: flex;
    flex-direction: column;
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
    background-color: #f8f9fa;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
}

.close-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    opacity: 0.5;
    cursor: pointer;
}

    .close-btn:hover {
        opacity: 0.8;
    }

.list-box-2 {
    display: flex;
    justify-content: center;
    gap: 1px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .list-box-2 li {
        flex: 0 0 auto;
        min-width: 92px;
        margin: 0;
        padding: 0;
        border: 1px solid #e0e0e0;
        background: #eef0f1;
        border-radius: 6px;
    }

        .list-box-2 li:hover {
            transform: translateY(-2px); /* Physical lift up */
            z-index: 10; /* Ensures the lifted cell's shadow sits cleanly over neighbors */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Gives it a realistic floating depth */
        }

        /* Click effect: Push it down slightly when pressed */
        .list-box-2 li:active {
            transform: translateY(-0.5px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Hardens the clickable anchor zone to align icons and text symmetrically */
        .list-box-2 li a {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            text-decoration: none !important;
            padding: 0.5rem !important; /* Standardizes cell height padding */
            height: 100% !important;
            transition: background-color 0.2s ease-in-out, transform 0.1s ease;
        }

            .list-box-2 li a:hover {
                background-color: rgba(255, 255, 255, 0.15) !important;
            }

                .list-box-2 li a:hover span {
                    text-decoration: underline !important; /* Visual anchor hint */
                }

            /* Standardizes image sizes to ensure text lines up perfectly flat across cells */
            .list-box-2 li a img {
                height: 42px !important;
                width: auto !important;
                object-fit: contain !important;
                margin-bottom: 0.5rem !important; /* Perfect uniform margin above text */
            }

            .list-box-2 li a span {
                font-size: 0.9rem !important;
                font-weight: 600 !important;
                color: #2c3e50; /* Clean, professional Charcoal Slate */
                display: block !important;
                line-height: 1.2 !important;
            }


.header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: #fff;
}

.logo-title-group {
    display: flex;
    align-items: center;
    gap: 14px;
}

.logo-mark {
    max-width: 150px;
    max-height: 65px;
    object-fit: contain;
    border: 1px solid #FAF5EA;
    padding: 2px;
    border-radius: 2px;
}

.company-title {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    white-space: nowrap;
}

.plant-subtitle {
    font-size: 12px;
    font-weight: 500;
    color: #C8952E;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 25%;
}

.header-link {
    font-size: 13px;
    color: #555 !important;
}

.poi-nav-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 12px;
    border-radius: 8px;
}

.poi-nav-label {
    color: #132039;
    font-weight: bold;
    font-family: 'Ultra', sans-serif;
    font-size: 34px;
    line-height: 34px;
    text-transform: uppercase;
    text-shadow: 0 2px white, 0 3px #777;
}

.filter-bar {
    display: flex;
    gap: 16px;
    padding: 12px 16px;
    margin: 0 auto;
    max-width: 25%;
}

.filter-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.filter-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    white-space: nowrap;
}

.icon-placeholder {
    display: inline-block;
    width: 28px; /* match the visual width of your icon buttons */
    height: 24px;
    position: relative; /* aligns the pseudo-element */
    color: #D1CFDA !important;
}

    /* Inject the Font Awesome icon via CSS */
    .icon-placeholder::before {
        content: "\f00d";
        /* Try changing this if you are using Font Awesome 5 */
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome Solid";
        font-weight: 900; /* Mandatory for solid icons */
        font-size: 16px;
    }

/* Fancy Separator Spacing line */
.fancy-linex {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
    margin: 1rem 0;
}


/* Base 3D Button Setup */
.box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    overflow-x: auto; /* Adds a scrollbar if the screen gets too small */
    padding: 15px 5px; /* Prevents 3D shadows from getting clipped */
}

.btn-3d {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* Fixes title text at the exact bottom */
    width: 180px;
    height: 180px;
    padding: 15px;
    background: #B8D1CB;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    outline: none;
    box-sizing: border-box; /* Forces padding to stay inside the 180px height */
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    box-shadow: 0px 8px 0px #2E4741, 0px 15px 20px rgba(0, 0, 0, 0.5);
    transform: translateY(0);
}

    /* Forces all images into an identical bounding box */
    .btn-3d img {
        width: 85%;
        height: 120px; /* Explicit height locks the top half of the button */
        object-fit: contain; /* Scales small/large images to fit perfectly without cropping */
        border-radius: 8px;
        pointer-events: none;
        flex-shrink: 0;
        margin-top: 5px; /* Adds consistent spacing from the top */
    }

    /* Ensures text alignment is identical on all buttons */
    .btn-3d .btn-title {
        margin-top: auto; /* Pushes the title down regardless of image width */
        color: #0F360F;
        font-family: Arial, sans-serif;
        font-size: 1.35rem; /* Matches the bold text in your screenshot */
        font-weight: bold;
        text-align: center;
        width: 100%;
        line-height: 1.2;
    }

    /* Hover Effect - Lifts Up */
    .btn-3d:hover {
        transform: translateY(-5px);
        box-shadow: 0px 13px 0px #111111, 0px 20px 25px rgba(0, 0, 0, 0.6);
    }

    /* Active Effect - Pushes Down */
    .btn-3d:active {
        transform: translateY(4px);
        box-shadow: 0px 4px 0px #111111;
    }


.chart-title {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333333;
}

.chart-subtitle {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: slategray;
}

.chart-y-axis {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.85rem;
    color: #191970;
}

/* Ensure your custom template sits above nearby navigation headers */
.custom-chart-tooltip {
    position: relative;
    background-color: white; /* Prevents seeing background elements through it */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.dxbl-chart-tooltip {
    z-index: 10050 !important;
}

/* Prevent card panels from clipping. Expand to accommodate multi-row legend tracking text boxes */
.feeder-chart-wrapper {
    height: auto !important;
    min-height: 540px;
    display: flex;
    flex-direction: column;
    overflow: visible !important;
}

    /* Clean layout properties for DevExpress legends wrapper grids */
    .feeder-chart-wrapper .dx-chart-legend-wrapper,
    .feeder-chart-wrapper div[class*="dx-chart-legend"] {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Optimize text sizes inside the chart legends container to fit up to 24 items */
    .feeder-chart-wrapper .dxc-legend text {
        font-size: 11px !important;
    }

/* Desktop Baseline View */
.mobile-chart-card {
    height: auto !important;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    overflow: visible !important;
}

    .mobile-chart-card .dx-chart-legend-wrapper,
    .mobile-chart-card div[class*="dx-chart-legend"] {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

/* Prevent multi-row tank text badges from clipping through the bottom boundary lines */
.tank-chart-wrapper {
    height: auto !important;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    overflow: visible !important;
}

    .tank-chart-wrapper .dx-chart-legend-wrapper,
    .tank-chart-wrapper div[class*="dx-chart-legend"] {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

/* Truncate text on the main grid row with an ellipsis (...) */
.truncated-log-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Format the expanded area beneath the row */
.log-detail-panel {
    padding: 1rem;
    background-color: var(--bs-light, #f8f9fa); /* Uses bootstrap light gray background */
    border-radius: 4px;
    border-left: 4px solid #6c757d; /* Adds a clean visual boundary indicator */
}

/* Allow text inside the expanded detail block to wrap naturally */
.log-detail-text {
    margin-top: 0.5rem;
    white-space: pre-wrap; /* Preserves line breaks if present in log data */
    word-break: break-word;
    font-family: monospace; /* Optional: Makes technical log data easier to read */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
}

/* 📱 MOBILE VIEW (Default) 
   By default on phones, make it 1 column so text has plenty of room to breathe. */
.responsive-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
}

/* 📟 TABLET VIEW (Screens wider than 576px)
   When the screen gets a bit wider, automatically split into 2 columns. */
@media (min-width: 576px) {
    .responsive-checkbox-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* 💻 SMALL MONITOR / LAPTOP (Screens wider than 992px)
   When there is moderate space, split into 3 or 4 columns. */
@media (min-width: 992px) {
    .responsive-checkbox-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* 🖥️ LARGE DESKTOP VIEW (Screens wider than 1200px)
   When on a full desktop screen (like your screenshot), display exactly 5 columns! */
@media (min-width: 1200px) {
    .responsive-checkbox-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}


/*  =====================================================================  */
/*  Fancy Dividers */
/*  =====================================================================  */
.fancy-divider-light, .fancy-divider-dark {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 960px;
    height: 2.5em;
    padding: 2em 0 4em 0;
}

    .fancy-divider-light:after, .fancy-divider-dark:after {
        position: absolute;
        content: '';
        display: block;
        width: 2px;
        height: 2px;
    }
    /* ----- 960px ----- */
    .fancy-divider-light:after {
        box-shadow: 3px 14px 0 #fff, 7px 14px 0 #fff, 11px 14px 0 #fff, 15px 14px 0 #fff, 19px 14px 0 #fff, 23px 14px 0 #fff, 27px 14px 0 #fff, 31px 14px 0 #fff, 35px 14px 0 #fff, 39px 14px 0 #fff, 43px 14px 0 #fff, 47px 14px 0 #fff, 51px 14px 0 #fff, 55px 14px 0 #fff, 59px 14px 0 #fff, 63px 14px 0 #fff, 67px 14px 0 #fff, 75px 10px 0 #fff, 77px 10px 0 #fff, 73px 12px 0 #fff, 79px 12px 0 #fff, 83px 12px 0 #fff, 71px 14px 0 #fff, 81px 14px 0 #fff, 83px 14px 0 #fff, 85px 14px 0 #fff, 73px 16px 0 #fff, 79px 16px 0 #fff, 83px 16px 0 #fff, 75px 18px 0 #fff, 77px 18px 0 #fff, 97px 8px 0 #fff, 117px 8px 0 #fff, 93px 10px 0 #fff, 99px 10px 0 #fff, 107px 10px 0 #fff, 115px 10px 0 #fff, 121px 10px 0 #fff, 89px 12px 0 #fff, 95px 12px 0 #fff, 101px 12px 0 #fff, 105px 12px 0 #fff, 107px 12px 0 #fff, 109px 12px 0 #fff, 113px 12px 0 #fff, 119px 12px 0 #fff, 125px 12px 0 #fff, 91px 14px 0 #fff, 97px 14px 0 #fff, 103px 14px 0 #fff, 105px 14px 0 #fff, 107px 14px 0 #fff, 109px 14px 0 #fff, 111px 14px 0 #fff, 117px 14px 0 #fff, 123px 14px 0 #fff, 89px 16px 0 #fff, 95px 16px 0 #fff, 101px 16px 0 #fff, 105px 16px 0 #fff, 107px 16px 0 #fff, 109px 16px 0 #fff, 113px 16px 0 #fff, 119px 16px 0 #fff, 125px 16px 0 #fff, 93px 18px 0 #fff, 99px 18px 0 #fff, 107px 18px 0 #fff, 115px 18px 0 #fff, 121px 18px 0 #fff, 97px 20px 0 #fff, 117px 20px 0 #fff, 137px 10px 0 #fff, 139px 10px 0 #fff, 131px 12px 0 #fff, 135px 12px 0 #fff, 141px 12px 0 #fff, 129px 14px 0 #fff, 131px 14px 0 #fff, 133px 14px 0 #fff, 143px 14px 0 #fff, 131px 16px 0 #fff, 135px 16px 0 #fff, 141px 16px 0 #fff, 137px 18px 0 #fff, 139px 18px 0 #fff, 147px 14px 0 #fff, 151px 14px 0 #fff, 155px 14px 0 #fff, 159px 14px 0 #fff, 163px 14px 0 #fff, 167px 14px 0 #fff, 171px 14px 0 #fff, 175px 14px 0 #fff, 179px 14px 0 #fff, 183px 14px 0 #fff, 187px 14px 0 #fff, 191px 14px 0 #fff, 195px 14px 0 #fff, 199px 14px 0 #fff, 203px 14px 0 #fff, 207px 14px 0 #fff, 211px 14px 0 #fff, 215px 14px 0 #fff, 219px 14px 0 #fff, 223px 14px 0 #fff, 227px 14px 0 #fff, 231px 14px 0 #fff, 235px 14px 0 #fff, 239px 14px 0 #fff, 243px 14px 0 #fff, 247px 14px 0 #fff, 251px 14px 0 #fff, 255px 14px 0 #fff, 259px 14px 0 #fff, 263px 14px 0 #fff, 267px 14px 0 #fff, 271px 14px 0 #fff, 275px 14px 0 #fff, 279px 14px 0 #fff, 283px 14px 0 #fff, 287px 14px 0 #fff, 291px 14px 0 #fff, 295px 14px 0 #fff, 299px 14px 0 #fff, 303px 14px 0 #fff, 307px 14px 0 #fff, 311px 14px 0 #fff, 315px 14px 0 #fff, 319px 14px 0 #fff, 323px 14px 0 #fff, 327px 14px 0 #fff, 331px 14px 0 #fff, 339px 10px 0 #fff, 341px 10px 0 #fff, 337px 12px 0 #fff, 343px 12px 0 #fff, 347px 12px 0 #fff, 335px 14px 0 #fff, 345px 14px 0 #fff, 347px 14px 0 #fff, 349px 14px 0 #fff, 337px 16px 0 #fff, 343px 16px 0 #fff, 347px 16px 0 #fff, 339px 18px 0 #fff, 341px 18px 0 #fff, 361px 8px 0 #fff, 381px 8px 0 #fff, 357px 10px 0 #fff, 363px 10px 0 #fff, 371px 10px 0 #fff, 379px 10px 0 #fff, 385px 10px 0 #fff, 353px 12px 0 #fff, 359px 12px 0 #fff, 365px 12px 0 #fff, 369px 12px 0 #fff, 371px 12px 0 #fff, 373px 12px 0 #fff, 377px 12px 0 #fff, 383px 12px 0 #fff, 389px 12px 0 #fff, 355px 14px 0 #fff, 361px 14px 0 #fff, 367px 14px 0 #fff, 369px 14px 0 #fff, 371px 14px 0 #fff, 373px 14px 0 #fff, 375px 14px 0 #fff, 381px 14px 0 #fff, 387px 14px 0 #fff, 353px 16px 0 #fff, 359px 16px 0 #fff, 365px 16px 0 #fff, 369px 16px 0 #fff, 371px 16px 0 #fff, 373px 16px 0 #fff, 377px 16px 0 #fff, 383px 16px 0 #fff, 389px 16px 0 #fff, 357px 18px 0 #fff, 363px 18px 0 #fff, 371px 18px 0 #fff, 379px 18px 0 #fff, 385px 18px 0 #fff, 361px 20px 0 #fff, 381px 20px 0 #fff, 403px 4px 0 #fff, 399px 6px 0 #fff, 405px 6px 0 #fff, 401px 8px 0 #fff, 407px 8px 0 #fff, 409px 8px 0 #fff, 403px 10px 0 #fff, 405px 10px 0 #fff, 411px 10px 0 #fff, 413px 10px 0 #fff, 395px 12px 0 #fff, 399px 12px 0 #fff, 401px 12px 0 #fff, 415px 12px 0 #fff, 417px 12px 0 #fff, 393px 14px 0 #fff, 395px 14px 0 #fff, 397px 14px 0 #fff, 419px 14px 0 #fff, 421px 14px 0 #fff, 395px 16px 0 #fff, 399px 16px 0 #fff, 401px 16px 0 #fff, 415px 16px 0 #fff, 417px 16px 0 #fff, 403px 18px 0 #fff, 405px 18px 0 #fff, 411px 18px 0 #fff, 413px 18px 0 #fff, 401px 20px 0 #fff, 407px 20px 0 #fff, 409px 20px 0 #fff, 399px 22px 0 #fff, 405px 22px 0 #fff, 403px 24px 0 #fff, 417px 4px 0 #fff, 419px 4px 0 #fff, 415px 6px 0 #fff, 417px 6px 0 #fff, 419px 6px 0 #fff, 421px 6px 0 #fff, 417px 8px 0 #fff, 419px 8px 0 #fff, 421px 10px 0 #fff, 423px 10px 0 #fff, 425px 12px 0 #fff, 427px 12px 0 #fff, 425px 16px 0 #fff, 427px 16px 0 #fff, 421px 18px 0 #fff, 423px 18px 0 #fff, 417px 20px 0 #fff, 419px 20px 0 #fff, 415px 22px 0 #fff, 417px 22px 0 #fff, 419px 22px 0 #fff, 421px 22px 0 #fff, 417px 24px 0 #fff, 419px 24px 0 #fff, 433px 8px 0 #fff, 439px 8px 0 #fff, 435px 10px 0 #fff, 437px 10px 0 #fff, 433px 12px 0 #fff, 439px 12px 0 #fff, 429px 14px 0 #fff, 431px 14px 0 #fff, 441px 14px 0 #fff, 443px 14px 0 #fff, 433px 16px 0 #fff, 439px 16px 0 #fff, 435px 18px 0 #fff, 437px 18px 0 #fff, 433px 20px 0 #fff, 439px 20px 0 #fff, 451px 6px 0 #fff, 449px 8px 0 #fff, 451px 8px 0 #fff, 453px 8px 0 #fff, 465px 8px 0 #fff, 447px 10px 0 #fff, 449px 10px 0 #fff, 455px 10px 0 #fff, 461px 10px 0 #fff, 463px 10px 0 #fff, 445px 12px 0 #fff, 447px 12px 0 #fff, 457px 12px 0 #fff, 459px 12px 0 #fff, 445px 14px 0 #fff, 451px 14px 0 #fff, 453px 14px 0 #fff, 445px 16px 0 #fff, 447px 16px 0 #fff, 457px 16px 0 #fff, 459px 16px 0 #fff, 447px 18px 0 #fff, 449px 18px 0 #fff, 455px 18px 0 #fff, 461px 18px 0 #fff, 463px 18px 0 #fff, 449px 20px 0 #fff, 451px 20px 0 #fff, 453px 20px 0 #fff, 465px 20px 0 #fff, 451px 22px 0 #fff, 479px 0px 0 #fff, 477px 2px 0 #fff, 481px 2px 0 #fff, 475px 4px #fff, 483px 4px #fff, 473px 6px #fff, 479px 6px 0 #fff, 485px 6px #fff, 477px 8px 0 #fff, 479px 8px 0 #fff, 481px 8px 0 #fff, 469px 10px 0 #fff, 475px 10px 0 #fff, 477px 10px 0 #fff, 481px 10px 0 #fff, 483px 10px 0 #fff, 489px 10px 0 #fff, 473px 12px 0 #fff, 475px 12px 0 #fff, 483px 12px 0 #fff, 485px 12px 0 #fff, 463px 14px 0 #fff, 465px 14px 0 #fff, 467px 14px 0 #fff, 469px 14px 0 #fff, 471px 14px 0 #fff, 473px 14px 0 #fff,485px 14px 0 #fff, 487px 14px 0 #fff, 489px 14px 0 #fff, 491px 14px 0 #fff, 493px 14px 0 #fff, 495px 14px 0 #fff, 473px 16px 0 #fff, 475px 16px 0 #fff, 483px 16px 0 #fff, 485px 16px 0 #fff, 469px 18px 0 #fff, 475px 18px 0 #fff, 477px 18px 0 #fff, 481px 18px 0 #fff, 483px 18px 0 #fff, 489px 18px 0 #fff, 477px 20px 0 #fff, 479px 20px 0 #fff, 481px 20px 0 #fff, 473px 22px #fff, 479px 22px 0 #fff, 485px 22px #fff, 475px 24px #fff, 483px 24px #fff, 477px 26px 0 #fff, 481px 26px 0 #fff, 479px 28px 0 #fff, 507px 6px 0 #fff, 493px 8px 0 #fff, 505px 8px 0 #fff, 507px 8px 0 #fff, 509px 8px 0 #fff, 495px 10px 0 #fff, 497px 10px 0 #fff, 503px 10px 0 #fff, 509px 10px 0 #fff, 511px 10px 0 #fff, 499px 12px 0 #fff, 501px 12px 0 #fff, 511px 12px 0 #fff, 513px 12px 0 #fff, 505px 14px 0 #fff, 507px 14px 0 #fff, 513px 14px 0 #fff, 499px 16px 0 #fff, 501px 16px 0 #fff, 511px 16px 0 #fff, 513px 16px 0 #fff, 495px 18px 0 #fff, 497px 18px 0 #fff, 503px 18px 0 #fff, 509px 18px 0 #fff, 511px 18px 0 #fff, 493px 20px 0 #fff, 505px 20px 0 #fff, 507px 20px 0 #fff, 509px 20px 0 #fff, 507px 22px 0 #fff, 519px 8px 0 #fff, 525px 8px 0 #fff, 521px 10px 0 #fff, 523px 10px 0 #fff, 519px 12px 0 #fff, 525px 12px 0 #fff, 515px 14px 0 #fff, 517px 14px 0 #fff, 527px 14px 0 #fff, 529px 14px 0 #fff, 519px 16px 0 #fff, 525px 16px 0 #fff, 521px 18px 0 #fff, 523px 18px 0 #fff, 519px 20px 0 #fff, 525px 20px 0 #fff, 539px 4px 0 #fff, 541px 4px 0 #fff, 537px 6px 0 #fff, 539px 6px 0 #fff, 541px 6px 0 #fff, 543px 6px 0 #fff, 539px 8px 0 #fff, 541px 8px 0 #fff, 535px 10px 0 #fff, 537px 10px 0 #fff, 531px 12px 0 #fff, 533px 12px 0 #fff, 531px 16px 0 #fff, 533px 16px 0 #fff, 535px 18px 0 #fff, 537px 18px 0 #fff, 539px 20px 0 #fff, 541px 20px 0 #fff, 537px 22px 0 #fff, 539px 22px 0 #fff, 541px 22px 0 #fff, 543px 22px 0 #fff, 539px 24px 0 #fff, 541px 24px 0 #fff, 555px 4px 0 #fff, 553px 6px 0 #fff, 559px 6px 0 #fff, 549px 8px 0 #fff, 551px 8px 0 #fff, 557px 8px 0 #fff, 545px 10px 0 #fff, 547px 10px 0 #fff, 553px 10px 0 #fff, 555px 10px 0 #fff, 541px 12px 0 #fff, 543px 12px 0 #fff, 557px 12px 0 #fff, 559px 12px 0 #fff, 563px 12px 0 #fff, 537px 14px 0 #fff, 539px 14px 0 #fff, 561px 14px 0 #fff, 563px 14px 0 #fff, 565px 14px 0 #fff, 541px 16px 0 #fff, 543px 16px 0 #fff, 557px 16px 0 #fff, 559px 16px 0 #fff, 563px 16px 0 #fff, 545px 18px 0 #fff, 547px 18px 0 #fff, 553px 18px 0 #fff, 555px 18px 0 #fff, 549px 20px 0 #fff, 551px 20px 0 #fff, 557px 20px 0 #fff, 553px 22px 0 #fff, 559px 22px 0 #fff, 555px 24px 0 #fff, 577px 8px 0 #fff, 597px 8px 0 #fff, 573px 10px 0 #fff, 579px 10px 0 #fff, 587px 10px 0 #fff, 595px 10px 0 #fff, 601px 10px 0 #fff, 569px 12px 0 #fff, 575px 12px 0 #fff, 581px 12px 0 #fff, 585px 12px 0 #fff, 587px 12px 0 #fff, 589px 12px 0 #fff, 593px 12px 0 #fff, 599px 12px 0 #fff, 605px 12px 0 #fff, 571px 14px 0 #fff, 577px 14px 0 #fff, 583px 14px 0 #fff, 585px 14px 0 #fff, 587px 14px 0 #fff, 589px 14px 0 #fff, 591px 14px 0 #fff, 597px 14px 0 #fff, 603px 14px 0 #fff, 569px 16px 0 #fff, 575px 16px 0 #fff, 581px 16px 0 #fff, 585px 16px 0 #fff, 587px 16px 0 #fff, 589px 16px 0 #fff, 593px 16px 0 #fff, 599px 16px 0 #fff, 605px 16px 0 #fff, 573px 18px 0 #fff, 579px 18px 0 #fff, 587px 18px 0 #fff, 595px 18px 0 #fff, 601px 18px 0 #fff, 577px 20px 0 #fff, 597px 20px 0 #fff, 617px 10px 0 #fff, 619px 10px 0 #fff, 611px 12px 0 #fff, 615px 12px 0 #fff, 621px 12px 0 #fff, 609px 14px 0 #fff, 611px 14px 0 #fff, 613px 14px 0 #fff, 623px 14px 0 #fff, 611px 16px 0 #fff, 615px 16px 0 #fff, 621px 16px 0 #fff, 617px 18px 0 #fff, 619px 18px 0 #fff, 627px 14px 0 #fff, 631px 14px 0 #fff, 635px 14px 0 #fff, 639px 14px 0 #fff, 643px 14px 0 #fff, 647px 14px 0 #fff, 651px 14px 0 #fff, 655px 14px 0 #fff, 659px 14px 0 #fff, 663px 14px 0 #fff, 667px 14px 0 #fff, 671px 14px 0 #fff, 675px 14px 0 #fff, 679px 14px 0 #fff, 683px 14px 0 #fff, 687px 14px 0 #fff, 691px 14px 0 #fff, 695px 14px 0 #fff, 699px 14px 0 #fff, 703px 14px 0 #fff, 707px 14px 0 #fff, 711px 14px 0 #fff, 715px 14px 0 #fff, 719px 14px 0 #fff, 723px 14px 0 #fff, 727px 14px 0 #fff, 731px 14px 0 #fff, 735px 14px 0 #fff, 739px 14px 0 #fff, 743px 14px 0 #fff, 747px 14px 0 #fff, 751px 14px 0 #fff, 755px 14px 0 #fff, 759px 14px 0 #fff, 763px 14px 0 #fff, 767px 14px 0 #fff, 771px 14px 0 #fff, 775px 14px 0 #fff, 779px 14px 0 #fff, 783px 14px 0 #fff, 787px 14px 0 #fff, 791px 14px 0 #fff, 795px 14px 0 #fff, 799px 14px 0 #fff, 803px 14px 0 #fff, 807px 14px 0 #fff, 811px 14px 0 #fff, 819px 10px 0 #fff, 821px 10px 0 #fff, 817px 12px 0 #fff, 823px 12px 0 #fff, 827px 12px 0 #fff, 815px 14px 0 #fff, 825px 14px 0 #fff, 827px 14px 0 #fff, 829px 14px 0 #fff, 817px 16px 0 #fff, 823px 16px 0 #fff, 827px 16px 0 #fff, 819px 18px 0 #fff, 821px 18px 0 #fff, 841px 8px 0 #fff, 861px 8px 0 #fff, 837px 10px 0 #fff, 843px 10px 0 #fff, 851px 10px 0 #fff, 859px 10px 0 #fff, 865px 10px 0 #fff, 833px 12px 0 #fff, 839px 12px 0 #fff, 845px 12px 0 #fff, 849px 12px 0 #fff, 851px 12px 0 #fff, 853px 12px 0 #fff, 857px 12px 0 #fff, 863px 12px 0 #fff, 869px 12px 0 #fff, 835px 14px 0 #fff, 841px 14px 0 #fff, 847px 14px 0 #fff, 849px 14px 0 #fff, 851px 14px 0 #fff, 853px 14px 0 #fff, 855px 14px 0 #fff, 861px 14px 0 #fff, 867px 14px 0 #fff, 833px 16px 0 #fff, 839px 16px 0 #fff, 845px 16px 0 #fff, 849px 16px 0 #fff, 851px 16px 0 #fff, 853px 16px 0 #fff, 857px 16px 0 #fff, 863px 16px 0 #fff, 869px 16px 0 #fff, 837px 18px 0 #fff, 843px 18px 0 #fff, 851px 18px 0 #fff, 859px 18px 0 #fff, 865px 18px 0 #fff, 841px 20px 0 #fff, 861px 20px 0 #fff, 881px 10px 0 #fff, 883px 10px 0 #fff, 875px 12px 0 #fff, 879px 12px 0 #fff, 885px 12px 0 #fff, 873px 14px 0 #fff, 875px 14px 0 #fff, 877px 14px 0 #fff, 887px 14px 0 #fff, 875px 16px 0 #fff, 879px 16px 0 #fff, 885px 16px 0 #fff, 881px 18px 0 #fff, 883px 18px 0 #fff, 891px 14px 0 #fff,895px 14px 0 #fff,899px 14px 0 #fff,903px 14px 0 #fff,907px 14px 0 #fff,911px 14px 0 #fff,915px 14px 0 #fff,919px 14px 0 #fff,923px 14px 0 #fff,927px 14px 0 #fff, 931px 14px 0 #fff,935px 14px 0 #fff,939px 14px 0 #fff,943px 14px 0 #fff,947px 14px 0 #fff,951px 14px 0 #fff,955px 14px 0 #fff;
    }

    .fancy-divider-dark:after {
        box-shadow: 27px 12px 0 #000, 29px 12px 0 #000, 3px 14px 0 #000, 7px 14px 0 #000, 11px 14px 0 #000, 15px 14px 0 #000, 19px 14px 0 #000, 23px 14px 0 #000, 25px 14px 0 #000, 27px 14px 0 #000, 29px 14px 0 #000, 31px 14px 0 #000, 27px 16px 0 #000, 29px 16px 0 #000, 37px 10px 0 #000, 39px 10px 0 #000, 41px 10px 0 #000, 35px 12px 0 #000, 43px 12px 0 #000, 35px 14px 0 #000, 39px 14px 0 #000, 43px 14px 0 #000, 35px 16px 0 #000, 43px 16px 0 #000, 37px 18px 0 #000, 39px 18px 0 #000, 41px 18px 0 #000, 49px 12px 0 #000, 51px 12px 0 #000, 47px 14px 0 #000, 49px 14px 0 #000, 51px 14px 0 #000, 53px 14px 0 #000, 55px 14px 0 #000, 59px 14px 0 #000, 63px 14px 0 #000, 67px 14px 0 #000, 71px 14px 0 #000, 75px 14px 0 #000, 79px 14px 0 #000, 83px 14px 0 #000, 87px 14px 0 #000, 91px 14px 0 #000, 95px 14px 0 #000, 99px 14px 0 #000, 103px 14px 0 #000, 107px 14px 0 #000, 111px 14px 0 #000, 115px 14px 0 #000, 119px 14px 0 #000, 123px 14px 0 #000, 127px 14px 0 #000, 131px 14px 0 #000, 135px 14px 0 #000, 139px 14px 0 #000, 143px 14px 0 #000, 147px 14px 0 #000, 151px 14px 0 #000, 155px 14px 0 #000, 159px 14px 0 #000, 163px 14px 0 #000, 167px 14px 0 #000, 171px 14px 0 #000, 175px 14px 0 #000, 179px 14px 0 #000, 183px 14px 0 #000, 187px 14px 0 #000, 49px 16px 0 #000, 51px 16px 0 #000, 211px 8px 0 #000, 213px 8px 0 #000, 215px 8px 0 #000, 217px 8px 0 #000, 219px 8px 0 #000, 221px 8px 0 #000, 223px 8px 0 #000, 197px 10px 0 #000, 199px 10px 0 #000, 201px 10px 0 #000, 209px 10px 0 #000, 225px 10px 0 #000, 233px 10px 0 #000, 235px 10px 0 #000, 237px 10px 0 #000, 193px 12px 0 #000, 195px 12px 0 #000, 203px 12px 0 #000, 207px 12px 0 #000, 227px 12px 0 #000, 231px 12px 0 #000, 239px 12px 0 #000, 189px 14px 0 #000, 191px 14px 0 #000, 205px 14px 0 #000, 213px 14px 0 #000, 217px 14px 0 #000, 221px 14px 0 #000, 229px 14px 0 #000, 239px 14px 0 #000, 193px 16px 0 #000, 195px 16px 0 #000, 203px 16px 0 #000, 207px 16px 0 #000, 227px 16px 0 #000, 231px 16px 0 #000, 239px 16px 0 #000, 197px 18px 0 #000, 199px 18px 0 #000, 201px 18px 0 #000, 209px 18px 0 #000, 225px 18px 0 #000, 233px 18px 0 #000, 235px 18px 0 #000, 237px 18px 0 #000, 211px 20px 0 #000, 213px 20px 0 #000, 215px 20px 0 #000, 217px 20px 0 #000, 219px 20px 0 #000, 221px 20px 0 #000, 223px 20px 0 #000, 245px 10px 0 #000, 247px 10px 0 #000, 249px 10px 0 #000, 243px 12px 0 #000, 251px 12px 0 #000, 243px 14px 0 #000, 247px 14px 0 #000, 251px 14px 0 #000, 243px 16px 0 #000, 251px 16px 0 #000, 245px 18px 0 #000, 247px 18px 0 #000, 249px 18px 0 #000, 257px 12px 0 #000, 259px 12px 0 #000, 295px 12px 0 #000, 297px 12px 0 #000, 255px 14px 0 #000, 257px 14px 0 #000, 259px 14px 0 #000, 261px 14px 0 #000, 263px 14px 0 #000, 267px 14px 0 #000, 271px 14px 0 #000, 275px 14px 0 #000, 279px 14px 0 #000, 283px 14px 0 #000, 287px 14px 0 #000, 291px 14px 0 #000, 293px 14px 0 #000, 295px 14px 0 #000, 297px 14px 0 #000, 299px 14px 0 #000, 257px 16px 0 #000, 259px 16px 0 #000, 295px 16px 0 #000, 297px 16px 0 #000, 301px 8px 0 #000, 313px 8px 0 #000, 303px 10px 0 #000, 305px 10px 0 #000, 309px 10px 0 #000, 311px 10px 0 #000, 303px 12px 0 #000, 305px 12px 0 #000, 309px 12px 0 #000, 311px 12px 0 #000, 307px 14px 0 #000, 303px 16px 0 #000, 305px 16px 0 #000, 309px 16px 0 #000, 311px 16px 0 #000, 303px 18px 0 #000, 305px 18px 0 #000, 309px 18px 0 #000, 311px 18px 0 #000, 301px 20px 0 #000, 313px 20px 0 #000, 317px 12px 0 #000, 319px 12px 0 #000, 355px 12px 0 #000, 357px 12px 0 #000, 315px 14px 0 #000, 317px 14px 0 #000, 319px 14px 0 #000, 321px 14px 0 #000, 323px 14px 0 #000, 327px 14px 0 #000, 331px 14px 0 #000, 335px 14px 0 #000, 339px 14px 0 #000, 343px 14px 0 #000, 347px 14px 0 #000, 351px 14px 0 #000, 353px 14px 0 #000, 355px 14px 0 #000, 357px 14px 0 #000, 359px 14px 0 #000, 317px 16px 0 #000, 319px 16px 0 #000, 355px 16px 0 #000, 357px 16px 0 #000, 365px 10px 0 #000, 367px 10px 0 #000, 369px 10px 0 #000, 363px 12px 0 #000, 371px 12px 0 #000, 363px 14px 0 #000, 367px 14px 0 #000, 371px 14px 0 #000, 363px 16px 0 #000, 371px 16px 0 #000, 365px 18px 0 #000, 367px 18px 0 #000, 369px 18px 0 #000, 391px 8px 0 #000, 393px 8px 0 #000, 395px 8px 0 #000, 397px 8px 0 #000, 399px 8px 0 #000, 401px 8px 0 #000, 403px 8px 0 #000, 377px 10px 0 #000, 379px 10px 0 #000, 381px 10px 0 #000, 389px 10px 0 #000, 405px 10px 0 #000, 413px 10px 0 #000, 415px 10px 0 #000, 417px 10px 0 #000, 375px 12px 0 #000, 383px 12px 0 #000, 387px 12px 0 #000, 407px 12px 0 #000, 411px 12px 0 #000, 419px 12px 0 #000, 421px 12px 0 #000, 375px 14px 0 #000, 385px 14px 0 #000, 393px 14px 0 #000, 397px 14px 0 #000, 401px 14px 0 #000, 409px 14px 0 #000, 423px 14px 0 #000, 425px 14px 0 #000, 375px 16px 0 #000, 383px 16px 0 #000, 387px 16px 0 #000, 407px 16px 0 #000, 411px 16px 0 #000, 419px 16px 0 #000, 421px 16px 0 #000, 377px 18px 0 #000, 379px 18px 0 #000, 381px 18px 0 #000, 389px 18px 0 #000, 405px 18px 0 #000, 413px 18px 0 #000, 415px 18px 0 #000, 417px 18px 0 #000, 391px 20px 0 #000, 393px 20px 0 #000, 395px 20px 0 #000, 397px 20px 0 #000, 399px 20px 0 #000, 401px 20px 0 #000, 403px 20px 0 #000, 431px 8px 0 #000, 443px 8px 0 #000, 433px 10px 0 #000, 435px 10px 0 #000, 439px 10px 0 #000, 441px 10px 0 #000, 433px 12px 0 #000, 435px 12px 0 #000, 439px 12px 0 #000, 441px 12px 0 #000, 429px 14px 0 #000, 437px 14px 0 #000, 445px 14px 0 #000, 449px 14px 0 #000, 451px 14px 0 #000, 433px 16px 0 #000, 435px 16px 0 #000, 439px 16px 0 #000, 441px 16px 0 #000, 433px 18px 0 #000, 435px 18px 0 #000, 439px 18px 0 #000, 441px 18px 0 #000, 431px 20px 0 #000, 443px 20px 0 #000, 457px 4px 0 #000, 459px 4px 0 #000, 455px 6px 0 #000, 461px 6px 0 #000, 453px 8px 0 #000, 463px 8px 0 #000, 453px 10px 0 #000, 461px 10px 0 #000, 455px 12px 0 #000, 457px 14px 0 #000, 459px 14px 0 #000, 461px 14px 0 #000, 455px 16px 0 #000, 453px 18px 0 #000, 461px 18px 0 #000, 453px 20px 0 #000, 463px 20px 0 #000, 455px 22px 0 #000, 461px 22px 0 #000, 457px 24px 0 #000, 459px 24px 0 #000, 479px 0px 0 #000, 479px 2px 0 #000, 477px 4px 0 #000, 479px 4px 0 #000, 481px 4px 0 #000, 471px 6px 0 #000, 477px 6px 0 #000, 481px 6px 0 #000, 487px 6px 0 #000, 473px 8px 0 #000, 479px 8px 0 #000, 485px 8px 0 #000, 475px 10px 0 #000, 483px 10px 0 #000, 469px 12px 0 #000, 471px 12px 0 #000, 477px 12px 0 #000, 479px 12px 0 #000,481px 12px 0 #000, 487px 12px 0 #000, 489px 12px 0 #000, 465px 14px 0 #000, 467px 14px 0 #000, 469px 14px 0 #000, 473px 14px 0 #000,477px 14px 0 #000, 481px 14px 0 #000, 485px 14px 0 #000, 489px 14px 0 #000, 491px 14px 0 #000, 493px 14px 0 #000, 469px 16px 0 #000, 471px 16px 0 #000, 477px 16px 0 #000, 479px 16px 0 #000,481px 16px 0 #000, 487px 16px 0 #000, 489px 16px 0 #000, 475px 18px 0 #000, 483px 18px 0 #000, 473px 20px 0 #000, 479px 20px 0 #000, 485px 20px 0 #000, 471px 22px 0 #000, 477px 22px 0 #000, 481px 22px 0 #000, 487px 22px 0 #000, 477px 24px 0 #000, 479px 24px 0 #000, 481px 24px 0 #000, 479px 26px 0 #000, 479px 28px 0 #000, 499px 4px 0 #000, 501px 4px 0 #000, 497px 6px 0 #000, 503px 6px 0 #000, 495px 8px 0 #000, 505px 8px 0 #000, 497px 10px 0 #000, 505px 10px 0 #000, 503px 12px 0 #000, 497px 14px 0 #000, 499px 14px 0 #000, 501px 14px 0 #000, 503px 16px 0 #000, 497px 18px 0 #000, 505px 18px 0 #000, 495px 20px 0 #000, 505px 20px 0 #000, 497px 22px 0 #000, 503px 22px 0 #000, 499px 24px 0 #000, 501px 24px 0 #000, 515px 8px 0 #000, 527px 8px 0 #000, 517px 10px 0 #000, 519px 10px 0 #000, 523px 10px 0 #000, 525px 10px 0 #000, 517px 12px 0 #000, 519px 12px 0 #000, 523px 12px 0 #000, 525px 12px 0 #000, 507px 14px 0 #000, 509px 14px 0 #000, 513px 14px 0 #000, 521px 14px 0 #000, 529px 14px 0 #000, 517px 16px 0 #000, 519px 16px 0 #000, 523px 16px 0 #000, 525px 16px 0 #000, 517px 18px 0 #000, 519px 18px 0 #000, 523px 18px 0 #000, 525px 18px 0 #000, 515px 20px 0 #000, 527px 20px 0 #000, 555px 8px 0 #000, 557px 8px 0 #000, 559px 8px 0 #000, 561px 8px 0 #000, 563px 8px 0 #000, 565px 8px 0 #000, 567px 8px 0 #000, 541px 10px 0 #000, 543px 10px 0 #000, 545px 10px 0 #000, 553px 10px 0 #000, 569px 10px 0 #000, 577px 10px 0 #000, 579px 10px 0 #000, 581px 10px 0 #000, 537px 12px 0 #000, 539px 12px 0 #000, 547px 12px 0 #000, 551px 12px 0 #000, 571px 12px 0 #000, 575px 12px 0 #000, 583px 12px 0 #000, 533px 14px 0 #000, 535px 14px 0 #000, 549px 14px 0 #000, 557px 14px 0 #000, 561px 14px 0 #000, 565px 14px 0 #000, 573px 14px 0 #000, 583px 14px 0 #000, 537px 16px 0 #000, 539px 16px 0 #000, 547px 16px 0 #000, 551px 16px 0 #000, 571px 16px 0 #000, 575px 16px 0 #000, 583px 16px 0 #000, 541px 18px 0 #000, 543px 18px 0 #000, 545px 18px 0 #000, 553px 18px 0 #000, 569px 18px 0 #000, 577px 18px 0 #000, 579px 18px 0 #000, 581px 18px 0 #000, 555px 20px 0 #000, 557px 20px 0 #000, 559px 20px 0 #000, 561px 20px 0 #000, 563px 20px 0 #000, 565px 20px 0 #000, 567px 20px 0 #000, 589px 10px 0 #000, 591px 10px 0 #000, 593px 10px 0 #000, 587px 12px 0 #000, 595px 12px 0 #000, 587px 14px 0 #000, 591px 14px 0 #000, 595px 14px 0 #000, 587px 16px 0 #000, 595px 16px 0 #000, 589px 18px 0 #000, 591px 18px 0 #000, 593px 18px 0 #000, 601px 12px 0 #000, 603px 12px 0 #000, 639px 12px 0 #000, 641px 12px 0 #000, 599px 14px 0 #000, 601px 14px 0 #000, 603px 14px 0 #000, 605px 14px 0 #000, 607px 14px 0 #000, 611px 14px 0 #000, 615px 14px 0 #000, 619px 14px 0 #000, 623px 14px 0 #000, 627px 14px 0 #000, 631px 14px 0 #000, 635px 14px 0 #000, 637px 14px 0 #000, 639px 14px 0 #000, 641px 14px 0 #000, 643px 14px 0 #000, 601px 16px 0 #000, 603px 16px 0 #000, 639px 16px 0 #000, 641px 16px 0 #000, 645px 8px 0 #000, 657px 8px 0 #000, 647px 10px 0 #000, 649px 10px 0 #000, 653px 10px 0 #000, 655px 10px 0 #000, 647px 12px 0 #000, 649px 12px 0 #000, 653px 12px 0 #000, 655px 12px 0 #000, 651px 14px 0 #000, 647px 16px 0 #000, 649px 16px 0 #000, 653px 16px 0 #000, 655px 16px 0 #000, 647px 18px 0 #000, 649px 18px 0 #000, 653px 18px 0 #000, 655px 18px 0 #000, 645px 20px 0 #000, 657px 20px 0 #000, 661px 12px 0 #000, 663px 12px 0 #000, 699px 12px 0 #000, 701px 12px 0 #000, 659px 14px 0 #000, 661px 14px 0 #000, 663px 14px 0 #000, 665px 14px 0 #000, 667px 14px 0 #000, 671px 14px 0 #000, 675px 14px 0 #000, 679px 14px 0 #000, 683px 14px 0 #000, 687px 14px 0 #000, 691px 14px 0 #000, 695px 14px 0 #000, 697px 14px 0 #000, 699px 14px 0 #000, 701px 14px 0 #000, 703px 14px 0 #000, 661px 16px 0 #000, 663px 16px 0 #000, 699px 16px 0 #000, 701px 16px 0 #000, 709px 10px 0 #000, 711px 10px 0 #000, 713px 10px 0 #000, 707px 12px 0 #000, 715px 12px 0 #000, 707px 14px 0 #000, 711px 14px 0 #000, 715px 14px 0 #000, 707px 16px 0 #000, 715px 16px 0 #000, 709px 18px 0 #000, 711px 18px 0 #000, 713px 18px 0 #000, 735px 8px 0 #000, 737px 8px 0 #000, 739px 8px 0 #000, 741px 8px 0 #000, 743px 8px 0 #000, 745px 8px 0 #000, 747px 8px 0 #000, 721px 10px 0 #000, 723px 10px 0 #000, 725px 10px 0 #000, 733px 10px 0 #000, 749px 10px 0 #000, 757px 10px 0 #000, 759px 10px 0 #000, 761px 10px 0 #000, 719px 12px 0 #000, 727px 12px 0 #000, 731px 12px 0 #000, 751px 12px 0 #000, 755px 12px 0 #000, 763px 12px 0 #000, 765px 12px 0 #000, 719px 14px 0 #000, 729px 14px 0 #000, 737px 14px 0 #000, 741px 14px 0 #000, 745px 14px 0 #000, 753px 14px 0 #000, 767px 14px 0 #000, 769px 14px 0 #000, 719px 16px 0 #000, 727px 16px 0 #000, 731px 16px 0 #000, 751px 16px 0 #000, 755px 16px 0 #000, 763px 16px 0 #000, 765px 16px 0 #000, 721px 18px 0 #000, 723px 18px 0 #000, 725px 18px 0 #000, 733px 18px 0 #000, 749px 18px 0 #000, 757px 18px 0 #000, 759px 18px 0 #000, 761px 18px 0 #000, 735px 20px 0 #000, 737px 20px 0 #000, 739px 20px 0 #000, 741px 20px 0 #000, 743px 20px 0 #000, 745px 20px 0 #000, 747px 20px 0 #000, 907px 12px 0 #000, 909px 12px 0 #000, 771px 14px 0 #000, 775px 14px 0 #000, 779px 14px 0 #000, 783px 14px 0 #000, 787px 14px 0 #000, 791px 14px 0 #000, 795px 14px 0 #000, 799px 14px 0 #000, 803px 14px 0 #000, 807px 14px 0 #000, 811px 14px 0 #000, 815px 14px 0 #000, 819px 14px 0 #000, 823px 14px 0 #000, 827px 14px 0 #000, 831px 14px 0 #000, 835px 14px 0 #000, 839px 14px 0 #000, 843px 14px 0 #000, 847px 14px 0 #000, 851px 14px 0 #000, 855px 14px 0 #000, 859px 14px 0 #000, 863px 14px 0 #000, 867px 14px 0 #000, 871px 14px 0 #000, 875px 14px 0 #000, 879px 14px 0 #000, 883px 14px 0 #000, 887px 14px 0 #000, 891px 14px 0 #000, 895px 14px 0 #000, 899px 14px 0 #000, 903px 14px 0 #000, 905px 14px 0 #000, 907px 14px 0 #000, 909px 14px 0 #000, 911px 14px 0 #000, 907px 16px 0 #000, 909px 16px 0 #000, 917px 10px 0 #000, 919px 10px 0 #000, 921px 10px 0 #000, 915px 12px 0 #000, 923px 12px 0 #000, 915px 14px 0 #000, 919px 14px 0 #000, 923px 14px 0 #000, 915px 16px 0 #000, 923px 16px 0 #000, 917px 18px 0 #000, 919px 18px 0 #000, 921px 18px 0 #000, 929px 12px 0 #000,931px 12px 0 #000, 927px 14px 0 #000, 929px 14px 0 #000, 931px 14px 0 #000, 933px 14px 0 #000,935px 14px 0 #000,939px 14px 0 #000,943px 14px 0 #000,947px 14px 0 #000,951px 14px 0 #000,955px 14px 0 #000, 929px 16px 0 #000,931px 16px 0 #000;
    }

/* ---- 760px ---- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .fancy-divider-light, .fancy-divider-dark {
        width: 760px;
        height: 30px;
    }

        .fancy-divider-light:after {
            box-shadow: 3px 14px 0 #fff, 7px 14px 0 #fff, 11px 14px 0 #fff, 15px 14px 0 #fff, 19px 14px 0 #fff, 23px 14px 0 #fff, 27px 14px 0 #fff, 31px 14px 0 #fff, 35px 14px 0 #fff, 39px 14px 0 #fff, 43px 14px 0 #fff, 47px 14px 0 #fff, 51px 14px 0 #fff, 55px 14px 0 #fff, 59px 14px 0 #fff, 63px 14px 0 #fff, 67px 14px 0 #fff, 71px 14px 0 #fff, 75px 14px 0 #fff, 79px 14px 0 #fff, 83px 14px 0 #fff, 87px 14px 0 #fff, 95px 10px 0 #fff, 97px 10px 0 #fff, 93px 12px 0 #fff, 99px 12px 0 #fff, 103px 12px 0 #fff, 91px 14px 0 #fff, 101px 14px 0 #fff, 103px 14px 0 #fff, 105px 14px 0 #fff, 93px 16px 0 #fff, 99px 16px 0 #fff, 103px 16px 0 #fff, 95px 18px 0 #fff, 97px 18px 0 #fff, 117px 8px 0 #fff, 137px 8px 0 #fff, 113px 10px 0 #fff, 119px 10px 0 #fff, 127px 10px 0 #fff, 135px 10px 0 #fff, 141px 10px 0 #fff, 109px 12px 0 #fff, 115px 12px 0 #fff, 121px 12px 0 #fff, 125px 12px 0 #fff, 127px 12px 0 #fff, 129px 12px 0 #fff, 133px 12px 0 #fff, 139px 12px 0 #fff, 145px 12px 0 #fff, 111px 14px 0 #fff, 117px 14px 0 #fff, 123px 14px 0 #fff, 125px 14px 0 #fff, 127px 14px 0 #fff, 129px 14px 0 #fff, 131px 14px 0 #fff, 137px 14px 0 #fff, 143px 14px 0 #fff, 109px 16px 0 #fff, 115px 16px 0 #fff, 121px 16px 0 #fff, 125px 16px 0 #fff, 127px 16px 0 #fff, 129px 16px 0 #fff, 133px 16px 0 #fff, 139px 16px 0 #fff, 145px 16px 0 #fff, 113px 18px 0 #fff, 119px 18px 0 #fff, 127px 18px 0 #fff, 135px 18px 0 #fff, 141px 18px 0 #fff, 117px 20px 0 #fff, 137px 20px 0 #fff, 157px 10px 0 #fff, 159px 10px 0 #fff, 151px 12px 0 #fff, 155px 12px 0 #fff, 161px 12px 0 #fff, 149px 14px 0 #fff, 151px 14px 0 #fff, 153px 14px 0 #fff, 163px 14px 0 #fff, 151px 16px 0 #fff, 155px 16px 0 #fff, 161px 16px 0 #fff, 157px 18px 0 #fff, 159px 18px 0 #fff, 167px 14px 0 #fff, 171px 14px 0 #fff, 175px 14px 0 #fff, 179px 14px 0 #fff, 183px 14px 0 #fff, 187px 14px 0 #fff, 191px 14px 0 #fff, 195px 14px 0 #fff, 199px 14px 0 #fff, 203px 14px 0 #fff, 207px 14px 0 #fff, 211px 14px 0 #fff, 215px 14px 0 #fff, 219px 14px 0 #fff, 223px 14px 0 #fff, 227px 14px 0 #fff, 231px 14px 0 #fff, 239px 10px 0 #fff, 241px 10px 0 #fff, 237px 12px 0 #fff, 243px 12px 0 #fff, 247px 12px 0 #fff, 235px 14px 0 #fff, 245px 14px 0 #fff, 247px 14px 0 #fff, 249px 14px 0 #fff, 237px 16px 0 #fff, 243px 16px 0 #fff, 247px 16px 0 #fff, 239px 18px 0 #fff, 241px 18px 0 #fff, 261px 8px 0 #fff, 281px 8px 0 #fff, 257px 10px 0 #fff, 263px 10px 0 #fff, 271px 10px 0 #fff, 279px 10px 0 #fff, 285px 10px 0 #fff, 253px 12px 0 #fff, 259px 12px 0 #fff, 265px 12px 0 #fff, 269px 12px 0 #fff, 271px 12px 0 #fff, 273px 12px 0 #fff, 277px 12px 0 #fff, 283px 12px 0 #fff, 289px 12px 0 #fff, 255px 14px 0 #fff, 261px 14px 0 #fff, 267px 14px 0 #fff, 269px 14px 0 #fff, 271px 14px 0 #fff, 273px 14px 0 #fff, 275px 14px 0 #fff, 281px 14px 0 #fff, 287px 14px 0 #fff, 253px 16px 0 #fff, 259px 16px 0 #fff, 265px 16px 0 #fff, 269px 16px 0 #fff, 271px 16px 0 #fff, 273px 16px 0 #fff, 277px 16px 0 #fff, 283px 16px 0 #fff, 289px 16px 0 #fff, 257px 18px 0 #fff, 263px 18px 0 #fff, 271px 18px 0 #fff, 279px 18px 0 #fff, 285px 18px 0 #fff, 261px 20px 0 #fff, 281px 20px 0 #fff, 303px 4px 0 #fff, 299px 6px 0 #fff, 305px 6px 0 #fff, 301px 8px 0 #fff, 307px 8px 0 #fff, 309px 8px 0 #fff, 303px 10px 0 #fff, 305px 10px 0 #fff, 311px 10px 0 #fff, 313px 10px 0 #fff, 295px 12px 0 #fff, 299px 12px 0 #fff, 301px 12px 0 #fff, 315px 12px 0 #fff, 317px 12px 0 #fff, 293px 14px 0 #fff, 295px 14px 0 #fff, 297px 14px 0 #fff, 319px 14px 0 #fff, 321px 14px 0 #fff, 295px 16px 0 #fff, 299px 16px 0 #fff, 301px 16px 0 #fff, 315px 16px 0 #fff, 317px 16px 0 #fff, 303px 18px 0 #fff, 305px 18px 0 #fff, 311px 18px 0 #fff, 313px 18px 0 #fff, 301px 20px 0 #fff, 307px 20px 0 #fff, 309px 20px 0 #fff, 299px 22px 0 #fff, 305px 22px 0 #fff, 303px 24px 0 #fff, 317px 4px 0 #fff, 319px 4px 0 #fff, 315px 6px 0 #fff, 317px 6px 0 #fff, 319px 6px 0 #fff, 321px 6px 0 #fff, 317px 8px 0 #fff, 319px 8px 0 #fff, 321px 10px 0 #fff, 323px 10px 0 #fff, 325px 12px 0 #fff, 327px 12px 0 #fff, 325px 16px 0 #fff, 327px 16px 0 #fff, 321px 18px 0 #fff, 323px 18px 0 #fff, 317px 20px 0 #fff, 319px 20px 0 #fff, 315px 22px 0 #fff, 317px 22px 0 #fff, 319px 22px 0 #fff, 321px 22px 0 #fff, 317px 24px 0 #fff, 319px 24px 0 #fff, 333px 8px 0 #fff, 339px 8px 0 #fff, 335px 10px 0 #fff, 337px 10px 0 #fff, 333px 12px 0 #fff, 339px 12px 0 #fff, 329px 14px 0 #fff, 331px 14px 0 #fff, 341px 14px 0 #fff, 343px 14px 0 #fff, 333px 16px 0 #fff, 339px 16px 0 #fff, 335px 18px 0 #fff, 337px 18px 0 #fff, 333px 20px 0 #fff, 339px 20px 0 #fff, 351px 6px 0 #fff, 349px 8px 0 #fff, 351px 8px 0 #fff, 353px 8px 0 #fff, 365px 8px 0 #fff, 347px 10px 0 #fff, 349px 10px 0 #fff, 355px 10px 0 #fff, 361px 10px 0 #fff, 363px 10px 0 #fff, 345px 12px 0 #fff, 347px 12px 0 #fff, 357px 12px 0 #fff, 359px 12px 0 #fff, 345px 14px 0 #fff, 351px 14px 0 #fff, 353px 14px 0 #fff, 345px 16px 0 #fff, 347px 16px 0 #fff, 357px 16px 0 #fff, 359px 16px 0 #fff, 347px 18px 0 #fff, 349px 18px 0 #fff, 355px 18px 0 #fff, 361px 18px 0 #fff, 363px 18px 0 #fff, 349px 20px 0 #fff, 351px 20px 0 #fff, 353px 20px 0 #fff, 365px 20px 0 #fff, 351px 22px 0 #fff, 379px 0px 0 #fff, 377px 2px 0 #fff, 381px 2px 0 #fff, 375px 4px #fff, 383px 4px #fff, 373px 6px #fff, 379px 6px #fff, 385px 6px 0 #fff, 377px 8px 0 #fff, 379px 8px 0 #fff, 381px 8px 0 #fff, 369px 10px 0 #fff, 375px 10px 0 #fff, 377px 10px 0 #fff, 381px 10px 0 #fff, 383px 10px 0 #fff, 389px 10px 0 #fff, 373px 12px 0 #fff, 375px 12px 0 #fff, 383px 12px 0 #fff, 385px 12px 0 #fff, 363px 14px 0 #fff, 365px 14px 0 #fff, 367px 14px 0 #fff, 369px 14px 0 #fff, 371px 14px 0 #fff, 373px 14px 0 #fff, 385px 14px 0 #fff, 387px 14px 0 #fff, 389px 14px 0 #fff, 391px 14px 0 #fff, 393px 14px 0 #fff, 395px 14px 0 #fff, 373px 16px 0 #fff, 375px 16px 0 #fff, 383px 16px 0 #fff, 385px 16px 0 #fff, 369px 18px 0 #fff, 375px 18px 0 #fff, 377px 18px 0 #fff, 381px 18px 0 #fff, 383px 18px 0 #fff, 389px 18px 0 #fff, 377px 20px 0 #fff, 379px 20px 0 #fff, 381px 20px 0 #fff, 373px 22px #fff, 379px 22px #fff, 385px 22px 0 #fff, 375px 24px #fff, 383px 24px #fff, 377px 26px 0 #fff, 381px 26px 0 #fff, 379px 28px 0 #fff, 407px 6px 0 #fff, 393px 8px 0 #fff, 405px 8px 0 #fff, 407px 8px 0 #fff, 409px 8px 0 #fff, 395px 10px 0 #fff, 397px 10px 0 #fff, 403px 10px 0 #fff, 409px 10px 0 #fff, 411px 10px 0 #fff, 399px 12px 0 #fff, 401px 12px 0 #fff, 411px 12px 0 #fff, 413px 12px 0 #fff, 405px 14px 0 #fff, 407px 14px 0 #fff, 413px 14px 0 #fff, 399px 16px 0 #fff, 401px 16px 0 #fff, 411px 16px 0 #fff, 413px 16px 0 #fff, 395px 18px 0 #fff, 397px 18px 0 #fff, 403px 18px 0 #fff, 409px 18px 0 #fff, 411px 18px 0 #fff, 393px 20px 0 #fff, 405px 20px 0 #fff, 407px 20px 0 #fff, 409px 20px 0 #fff, 407px 22px 0 #fff, 419px 8px 0 #fff, 425px 8px 0 #fff, 421px 10px 0 #fff, 423px 10px 0 #fff, 419px 12px 0 #fff, 425px 12px 0 #fff, 415px 14px 0 #fff, 417px 14px 0 #fff, 427px 14px 0 #fff, 429px 14px 0 #fff, 419px 16px 0 #fff, 425px 16px 0 #fff, 421px 18px 0 #fff, 423px 18px 0 #fff, 419px 20px 0 #fff, 425px 20px 0 #fff, 439px 4px 0 #fff, 441px 4px 0 #fff, 437px 6px 0 #fff, 439px 6px 0 #fff, 441px 6px 0 #fff, 443px 6px 0 #fff, 439px 8px 0 #fff, 441px 8px 0 #fff, 435px 10px 0 #fff, 437px 10px 0 #fff, 431px 12px 0 #fff, 433px 12px 0 #fff, 431px 16px 0 #fff, 433px 16px 0 #fff, 435px 18px 0 #fff, 437px 18px 0 #fff, 439px 20px 0 #fff, 441px 20px 0 #fff, 437px 22px 0 #fff, 439px 22px 0 #fff, 441px 22px 0 #fff, 443px 22px 0 #fff, 439px 24px 0 #fff, 441px 24px 0 #fff, 455px 4px 0 #fff, 453px 6px 0 #fff, 459px 6px 0 #fff, 449px 8px 0 #fff, 451px 8px 0 #fff, 457px 8px 0 #fff, 445px 10px 0 #fff, 447px 10px 0 #fff, 453px 10px 0 #fff, 455px 10px 0 #fff, 441px 12px 0 #fff, 443px 12px 0 #fff, 457px 12px 0 #fff, 459px 12px 0 #fff, 463px 12px 0 #fff, 437px 14px 0 #fff, 439px 14px 0 #fff, 461px 14px 0 #fff, 463px 14px 0 #fff, 465px 14px 0 #fff, 441px 16px 0 #fff, 443px 16px 0 #fff, 457px 16px 0 #fff, 459px 16px 0 #fff, 463px 16px 0 #fff, 445px 18px 0 #fff, 447px 18px 0 #fff, 453px 18px 0 #fff, 455px 18px 0 #fff, 449px 20px 0 #fff, 451px 20px 0 #fff, 457px 20px 0 #fff, 453px 22px 0 #fff, 459px 22px 0 #fff, 455px 24px 0 #fff, 477px 8px 0 #fff, 497px 8px 0 #fff, 473px 10px 0 #fff, 479px 10px 0 #fff, 487px 10px 0 #fff, 495px 10px 0 #fff, 501px 10px 0 #fff, 469px 12px 0 #fff, 475px 12px 0 #fff, 481px 12px 0 #fff, 485px 12px 0 #fff, 487px 12px 0 #fff, 489px 12px 0 #fff, 493px 12px 0 #fff, 499px 12px 0 #fff, 505px 12px 0 #fff, 471px 14px 0 #fff, 477px 14px 0 #fff, 483px 14px 0 #fff, 485px 14px 0 #fff, 487px 14px 0 #fff, 489px 14px 0 #fff, 491px 14px 0 #fff, 497px 14px 0 #fff, 503px 14px 0 #fff, 469px 16px 0 #fff, 475px 16px 0 #fff, 481px 16px 0 #fff, 485px 16px 0 #fff, 487px 16px 0 #fff, 489px 16px 0 #fff, 493px 16px 0 #fff, 499px 16px 0 #fff, 505px 16px 0 #fff, 473px 18px 0 #fff, 479px 18px 0 #fff, 487px 18px 0 #fff, 495px 18px 0 #fff, 501px 18px 0 #fff, 477px 20px 0 #fff, 497px 20px 0 #fff, 517px 10px 0 #fff, 519px 10px 0 #fff, 511px 12px 0 #fff, 515px 12px 0 #fff, 521px 12px 0 #fff, 509px 14px 0 #fff, 511px 14px 0 #fff, 513px 14px 0 #fff, 523px 14px 0 #fff, 511px 16px 0 #fff, 515px 16px 0 #fff, 521px 16px 0 #fff, 517px 18px 0 #fff, 519px 18px 0 #fff, 527px 14px 0 #fff, 531px 14px 0 #fff, 535px 14px 0 #fff, 539px 14px 0 #fff, 543px 14px 0 #fff, 547px 14px 0 #fff, 551px 14px 0 #fff, 555px 14px 0 #fff, 559px 14px 0 #fff, 563px 14px 0 #fff, 567px 14px 0 #fff, 571px 14px 0 #fff, 575px 14px 0 #fff, 579px 14px 0 #fff, 583px 14px 0 #fff, 587px 14px 0 #fff, 591px 14px 0 #fff, 599px 10px 0 #fff, 601px 10px 0 #fff, 597px 12px 0 #fff, 603px 12px 0 #fff, 607px 12px 0 #fff, 595px 14px 0 #fff, 605px 14px 0 #fff, 607px 14px 0 #fff, 609px 14px 0 #fff, 597px 16px 0 #fff, 603px 16px 0 #fff, 607px 16px 0 #fff, 599px 18px 0 #fff, 601px 18px 0 #fff, 621px 8px 0 #fff, 641px 8px 0 #fff, 617px 10px 0 #fff, 623px 10px 0 #fff, 631px 10px 0 #fff, 639px 10px 0 #fff, 645px 10px 0 #fff, 613px 12px 0 #fff, 619px 12px 0 #fff, 625px 12px 0 #fff, 629px 12px 0 #fff, 631px 12px 0 #fff, 633px 12px 0 #fff, 637px 12px 0 #fff, 643px 12px 0 #fff, 649px 12px 0 #fff, 615px 14px 0 #fff, 621px 14px 0 #fff, 627px 14px 0 #fff, 629px 14px 0 #fff, 631px 14px 0 #fff, 633px 14px 0 #fff, 635px 14px 0 #fff, 641px 14px 0 #fff, 647px 14px 0 #fff, 613px 16px 0 #fff, 619px 16px 0 #fff, 625px 16px 0 #fff, 629px 16px 0 #fff, 631px 16px 0 #fff, 633px 16px 0 #fff, 637px 16px 0 #fff, 643px 16px 0 #fff, 649px 16px 0 #fff, 617px 18px 0 #fff, 623px 18px 0 #fff, 631px 18px 0 #fff, 639px 18px 0 #fff, 645px 18px 0 #fff, 621px 20px 0 #fff, 641px 20px 0 #fff, 661px 10px 0 #fff, 663px 10px 0 #fff, 655px 12px 0 #fff, 659px 12px 0 #fff, 665px 12px 0 #fff, 653px 14px 0 #fff, 655px 14px 0 #fff, 657px 14px 0 #fff, 667px 14px 0 #fff, 655px 16px 0 #fff, 659px 16px 0 #fff, 665px 16px 0 #fff, 661px 18px 0 #fff, 663px 18px 0 #fff, 671px 14px 0 #fff, 675px 14px 0 #fff, 679px 14px 0 #fff, 683px 14px 0 #fff, 687px 14px 0 #fff, 691px 14px 0 #fff, 695px 14px 0 #fff, 699px 14px 0 #fff, 703px 14px 0 #fff, 707px 14px 0 #fff, 711px 14px 0 #fff, 715px 14px 0 #fff, 719px 14px 0 #fff, 723px 14px 0 #fff, 727px 14px 0 #fff, 731px 14px 0 #fff, 735px 14px 0 #fff, 739px 14px 0 #fff, 743px 14px 0 #fff, 747px 14px 0 #fff, 751px 14px 0 #fff, 755px 14px 0 #fff;
        }

        .fancy-divider-dark:after {
            box-shadow: 3px 14px 0 #000, 7px 14px 0 #000, 11px 14px 0 #000, 15px 14px 0 #000, 19px 14px 0 #000, 23px 14px 0 #000, 27px 14px 0 #000, 31px 14px 0 #000, 35px 14px 0 #000, 39px 14px 0 #000, 43px 14px 0 #000, 47px 14px 0 #000, 51px 14px 0 #000, 55px 14px 0 #000, 59px 14px 0 #000, 63px 14px 0 #000, 67px 14px 0 #000, 71px 14px 0 #000, 75px 14px 0 #000, 79px 14px 0 #000, 83px 14px 0 #000, 87px 14px 0 #000, 111px 8px 0 #000, 113px 8px 0 #000, 115px 8px 0 #000, 117px 8px 0 #000, 119px 8px 0 #000, 121px 8px 0 #000, 123px 8px 0 #000, 97px 10px 0 #000, 99px 10px 0 #000, 101px 10px 0 #000, 109px 10px 0 #000, 125px 10px 0 #000, 133px 10px 0 #000, 135px 10px 0 #000, 137px 10px 0 #000, 93px 12px 0 #000, 95px 12px 0 #000, 103px 12px 0 #000, 107px 12px 0 #000, 127px 12px 0 #000, 131px 12px 0 #000, 139px 12px 0 #000, 89px 14px 0 #000, 91px 14px 0 #000, 105px 14px 0 #000, 113px 14px 0 #000, 117px 14px 0 #000, 121px 14px 0 #000, 129px 14px 0 #000, 139px 14px 0 #000, 93px 16px 0 #000, 95px 16px 0 #000, 103px 16px 0 #000, 107px 16px 0 #000, 127px 16px 0 #000, 131px 16px 0 #000, 139px 16px 0 #000, 97px 18px 0 #000, 99px 18px 0 #000, 101px 18px 0 #000, 109px 18px 0 #000, 125px 18px 0 #000, 133px 18px 0 #000, 135px 18px 0 #000, 137px 18px 0 #000, 111px 20px 0 #000, 113px 20px 0 #000, 115px 20px 0 #000, 117px 20px 0 #000, 119px 20px 0 #000, 121px 20px 0 #000, 123px 20px 0 #000, 145px 10px 0 #000, 147px 10px 0 #000, 149px 10px 0 #000, 143px 12px 0 #000, 151px 12px 0 #000, 143px 14px 0 #000, 147px 14px 0 #000, 151px 14px 0 #000, 143px 16px 0 #000, 151px 16px 0 #000, 145px 18px 0 #000, 147px 18px 0 #000, 149px 18px 0 #000, 157px 12px 0 #000, 159px 12px 0 #000, 195px 12px 0 #000, 197px 12px 0 #000, 155px 14px 0 #000, 157px 14px 0 #000, 159px 14px 0 #000, 161px 14px 0 #000, 163px 14px 0 #000, 167px 14px 0 #000, 171px 14px 0 #000, 175px 14px 0 #000, 179px 14px 0 #000, 183px 14px 0 #000, 187px 14px 0 #000, 191px 14px 0 #000, 193px 14px 0 #000, 195px 14px 0 #000, 197px 14px 0 #000, 199px 14px 0 #000, 157px 16px 0 #000, 159px 16px 0 #000, 195px 16px 0 #000, 197px 16px 0 #000, 201px 8px 0 #000, 213px 8px 0 #000, 203px 10px 0 #000, 205px 10px 0 #000, 209px 10px 0 #000, 211px 10px 0 #000, 203px 12px 0 #000, 205px 12px 0 #000, 209px 12px 0 #000, 211px 12px 0 #000, 207px 14px 0 #000, 203px 16px 0 #000, 205px 16px 0 #000, 209px 16px 0 #000, 211px 16px 0 #000, 203px 18px 0 #000, 205px 18px 0 #000, 209px 18px 0 #000, 211px 18px 0 #000, 201px 20px 0 #000, 213px 20px 0 #000, 217px 12px 0 #000, 219px 12px 0 #000, 255px 12px 0 #000, 257px 12px 0 #000, 215px 14px 0 #000, 217px 14px 0 #000, 219px 14px 0 #000, 221px 14px 0 #000, 223px 14px 0 #000, 227px 14px 0 #000, 231px 14px 0 #000, 235px 14px 0 #000, 239px 14px 0 #000, 243px 14px 0 #000, 247px 14px 0 #000, 251px 14px 0 #000, 253px 14px 0 #000, 255px 14px 0 #000, 257px 14px 0 #000, 259px 14px 0 #000, 217px 16px 0 #000, 219px 16px 0 #000, 255px 16px 0 #000, 257px 16px 0 #000, 265px 10px 0 #000, 267px 10px 0 #000, 269px 10px 0 #000, 263px 12px 0 #000, 271px 12px 0 #000, 263px 14px 0 #000, 267px 14px 0 #000, 271px 14px 0 #000, 263px 16px 0 #000, 271px 16px 0 #000, 265px 18px 0 #000, 267px 18px 0 #000, 269px 18px 0 #000, 291px 8px 0 #000, 293px 8px 0 #000, 295px 8px 0 #000, 297px 8px 0 #000, 299px 8px 0 #000, 301px 8px 0 #000, 303px 8px 0 #000, 277px 10px 0 #000, 279px 10px 0 #000, 281px 10px 0 #000, 289px 10px 0 #000, 305px 10px 0 #000, 313px 10px 0 #000, 315px 10px 0 #000, 317px 10px 0 #000, 275px 12px 0 #000, 283px 12px 0 #000, 287px 12px 0 #000, 307px 12px 0 #000, 311px 12px 0 #000, 319px 12px 0 #000, 321px 12px 0 #000, 275px 14px 0 #000, 285px 14px 0 #000, 293px 14px 0 #000, 297px 14px 0 #000, 301px 14px 0 #000, 309px 14px 0 #000, 323px 14px 0 #000, 325px 14px 0 #000, 275px 16px 0 #000, 283px 16px 0 #000, 287px 16px 0 #000, 307px 16px 0 #000, 311px 16px 0 #000, 319px 16px 0 #000, 321px 16px 0 #000, 277px 18px 0 #000, 279px 18px 0 #000, 281px 18px 0 #000, 289px 18px 0 #000, 305px 18px 0 #000, 313px 18px 0 #000, 315px 18px 0 #000, 317px 18px 0 #000, 291px 20px 0 #000, 293px 20px 0 #000, 295px 20px 0 #000, 297px 20px 0 #000, 299px 20px 0 #000, 301px 20px 0 #000, 303px 20px 0 #000, 331px 8px 0 #000, 343px 8px 0 #000, 333px 10px 0 #000, 335px 10px 0 #000, 339px 10px 0 #000, 341px 10px 0 #000, 333px 12px 0 #000, 335px 12px 0 #000, 339px 12px 0 #000, 341px 12px 0 #000, 329px 14px 0 #000, 337px 14px 0 #000, 345px 14px 0 #000, 349px 14px 0 #000, 351px 14px 0 #000, 333px 16px 0 #000, 335px 16px 0 #000, 339px 16px 0 #000, 341px 16px 0 #000, 333px 18px 0 #000, 335px 18px 0 #000, 339px 18px 0 #000, 341px 18px 0 #000, 331px 20px 0 #000, 343px 20px 0 #000, 357px 4px 0 #000, 359px 4px 0 #000, 355px 6px 0 #000, 361px 6px 0 #000, 353px 8px 0 #000, 363px 8px 0 #000, 353px 10px 0 #000, 361px 10px 0 #000, 355px 12px 0 #000, 357px 14px 0 #000, 359px 14px 0 #000, 361px 14px 0 #000, 355px 16px 0 #000, 353px 18px 0 #000, 361px 18px 0 #000, 353px 20px 0 #000, 363px 20px 0 #000, 355px 22px 0 #000, 361px 22px 0 #000, 357px 24px 0 #000, 359px 24px 0 #000, 379px 0px 0 #000, 379px 2px 0 #000, 377px 4px 0 #000, 379px 4px 0 #000, 381px 4px 0 #000, 371px 6px 0 #000, 377px 6px 0 #000, 381px 6px 0 #000, 387px 6px 0 #000, 373px 8px 0 #000, 379px 8px 0 #000, 385px 8px 0 #000, 375px 10px 0 #000, 383px 10px 0 #000, 369px 12px 0 #000, 371px 12px 0 #000, 377px 12px 0 #000, 379px 12px 0 #000, 381px 12px 0 #000, 387px 12px 0 #000, 389px 12px 0 #000, 365px 14px 0 #000, 367px 14px 0 #000, 369px 14px 0 #000, 373px 14px 0 #000, 377px 14px 0 #000, 381px 14px 0 #000, 385px 14px 0 #000, 389px 14px 0 #000, 391px 14px 0 #000, 393px 14px 0 #000, 369px 16px 0 #000, 371px 16px 0 #000, 377px 16px 0 #000, 379px 16px 0 #000, 381px 16px 0 #000, 387px 16px 0 #000, 389px 16px 0 #000, 375px 18px 0 #000, 383px 18px 0 #000, 373px 20px 0 #000, 379px 20px 0 #000, 385px 20px 0 #000, 371px 22px 0 #000, 377px 22px 0 #000, 381px 22px 0 #000, 387px 22px 0 #000, 377px 24px 0 #000, 379px 24px 0 #000, 381px 24px 0 #000, 379px 26px 0 #000, 379px 28px 0 #000, 399px 4px 0 #000, 401px 4px 0 #000, 397px 6px 0 #000, 403px 6px 0 #000, 395px 8px 0 #000, 405px 8px 0 #000, 397px 10px 0 #000, 405px 10px 0 #000, 403px 12px 0 #000, 397px 14px 0 #000, 399px 14px 0 #000, 401px 14px 0 #000, 403px 16px 0 #000, 397px 18px 0 #000, 405px 18px 0 #000, 395px 20px 0 #000, 405px 20px 0 #000, 397px 22px 0 #000, 403px 22px 0 #000, 399px 24px 0 #000, 401px 24px 0 #000, 415px 8px 0 #000, 427px 8px 0 #000, 417px 10px 0 #000, 419px 10px 0 #000, 423px 10px 0 #000, 425px 10px 0 #000, 417px 12px 0 #000, 419px 12px 0 #000, 423px 12px 0 #000, 425px 12px 0 #000, 407px 14px 0 #000, 409px 14px 0 #000, 413px 14px 0 #000, 421px 14px 0 #000, 429px 14px 0 #000, 417px 16px 0 #000, 419px 16px 0 #000, 423px 16px 0 #000, 425px 16px 0 #000, 417px 18px 0 #000, 419px 18px 0 #000, 423px 18px 0 #000, 425px 18px 0 #000, 415px 20px 0 #000, 427px 20px 0 #000, 455px 8px 0 #000, 457px 8px 0 #000, 459px 8px 0 #000, 461px 8px 0 #000, 463px 8px 0 #000, 465px 8px 0 #000, 467px 8px 0 #000, 441px 10px 0 #000, 443px 10px 0 #000, 445px 10px 0 #000, 453px 10px 0 #000, 469px 10px 0 #000, 477px 10px 0 #000, 479px 10px 0 #000, 481px 10px 0 #000, 437px 12px 0 #000, 439px 12px 0 #000, 447px 12px 0 #000, 451px 12px 0 #000, 471px 12px 0 #000, 475px 12px 0 #000, 483px 12px 0 #000, 433px 14px 0 #000, 435px 14px 0 #000, 449px 14px 0 #000, 457px 14px 0 #000, 461px 14px 0 #000, 465px 14px 0 #000, 473px 14px 0 #000, 483px 14px 0 #000, 437px 16px 0 #000, 439px 16px 0 #000, 447px 16px 0 #000, 451px 16px 0 #000, 471px 16px 0 #000, 475px 16px 0 #000, 483px 16px 0 #000, 441px 18px 0 #000, 443px 18px 0 #000, 445px 18px 0 #000, 453px 18px 0 #000, 469px 18px 0 #000, 477px 18px 0 #000, 479px 18px 0 #000, 481px 18px 0 #000, 455px 20px 0 #000, 457px 20px 0 #000, 459px 20px 0 #000, 461px 20px 0 #000, 463px 20px 0 #000, 465px 20px 0 #000, 467px 20px 0 #000, 489px 10px 0 #000, 491px 10px 0 #000, 493px 10px 0 #000, 487px 12px 0 #000, 495px 12px 0 #000, 487px 14px 0 #000, 491px 14px 0 #000, 495px 14px 0 #000, 487px 16px 0 #000, 495px 16px 0 #000, 489px 18px 0 #000, 491px 18px 0 #000, 493px 18px 0 #000, 501px 12px 0 #000, 503px 12px 0 #000, 539px 12px 0 #000, 541px 12px 0 #000, 499px 14px 0 #000, 501px 14px 0 #000, 503px 14px 0 #000, 505px 14px 0 #000, 507px 14px 0 #000, 511px 14px 0 #000, 515px 14px 0 #000, 519px 14px 0 #000, 523px 14px 0 #000, 527px 14px 0 #000, 531px 14px 0 #000, 535px 14px 0 #000, 537px 14px 0 #000, 539px 14px 0 #000, 541px 14px 0 #000, 543px 14px 0 #000, 501px 16px 0 #000, 503px 16px 0 #000, 539px 16px 0 #000, 541px 16px 0 #000, 545px 8px 0 #000, 557px 8px 0 #000, 547px 10px 0 #000, 549px 10px 0 #000, 553px 10px 0 #000, 555px 10px 0 #000, 547px 12px 0 #000, 549px 12px 0 #000, 553px 12px 0 #000, 555px 12px 0 #000, 551px 14px 0 #000, 547px 16px 0 #000, 549px 16px 0 #000, 553px 16px 0 #000, 555px 16px 0 #000, 547px 18px 0 #000, 549px 18px 0 #000, 553px 18px 0 #000, 555px 18px 0 #000, 545px 20px 0 #000, 557px 20px 0 #000, 561px 12px 0 #000, 563px 12px 0 #000, 599px 12px 0 #000, 601px 12px 0 #000, 559px 14px 0 #000, 561px 14px 0 #000, 563px 14px 0 #000, 565px 14px 0 #000, 567px 14px 0 #000, 571px 14px 0 #000, 575px 14px 0 #000, 579px 14px 0 #000, 583px 14px 0 #000, 587px 14px 0 #000, 591px 14px 0 #000, 595px 14px 0 #000, 597px 14px 0 #000, 599px 14px 0 #000, 601px 14px 0 #000, 603px 14px 0 #000, 561px 16px 0 #000, 563px 16px 0 #000, 599px 16px 0 #000, 601px 16px 0 #000, 609px 10px 0 #000, 611px 10px 0 #000, 613px 10px 0 #000, 607px 12px 0 #000, 615px 12px 0 #000, 607px 14px 0 #000, 611px 14px 0 #000, 615px 14px 0 #000, 607px 16px 0 #000, 615px 16px 0 #000, 609px 18px 0 #000, 611px 18px 0 #000, 613px 18px 0 #000, 635px 8px 0 #000, 637px 8px 0 #000, 639px 8px 0 #000, 641px 8px 0 #000, 643px 8px 0 #000, 645px 8px 0 #000, 647px 8px 0 #000, 621px 10px 0 #000, 623px 10px 0 #000, 625px 10px 0 #000, 633px 10px 0 #000, 649px 10px 0 #000, 657px 10px 0 #000, 659px 10px 0 #000, 661px 10px 0 #000, 619px 12px 0 #000, 627px 12px 0 #000, 631px 12px 0 #000, 651px 12px 0 #000, 655px 12px 0 #000, 663px 12px 0 #000, 665px 12px 0 #000, 619px 14px 0 #000, 629px 14px 0 #000, 637px 14px 0 #000, 641px 14px 0 #000, 645px 14px 0 #000, 653px 14px 0 #000, 667px 14px 0 #000, 669px 14px 0 #000, 139px 14px 0 #000, 619px 16px 0 #000, 627px 16px 0 #000, 631px 16px 0 #000, 651px 16px 0 #000, 655px 16px 0 #000, 663px 16px 0 #000, 665px 16px 0 #000, 621px 18px 0 #000, 623px 18px 0 #000, 625px 18px 0 #000, 633px 18px 0 #000, 649px 18px 0 #000, 657px 18px 0 #000, 659px 18px 0 #000, 661px 18px 0 #000, 635px 20px 0 #000, 637px 20px 0 #000, 639px 20px 0 #000, 641px 20px 0 #000, 643px 20px 0 #000, 645px 20px 0 #000, 647px 20px 0 #000, 671px 14px 0 #000, 675px 14px 0 #000, 679px 14px 0 #000, 683px 14px 0 #000, 687px 14px 0 #000, 691px 14px 0 #000, 695px 14px 0 #000, 699px 14px 0 #000, 703px 14px 0 #000, 707px 14px 0 #000, 711px 14px 0 #000, 715px 14px 0 #000, 719px 14px 0 #000, 723px 14px 0 #000, 727px 14px 0 #000, 731px 14px 0 #000, 735px 14px 0 #000, 739px 14px 0 #000, 743px 14px 0 #000, 747px 14px 0 #000, 751px 14px 0 #000, 755px 14px 0 #000;
        }
}
/* ---- 420px ---- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .fancy-divider-light, .fancy-divider-dark {
        width: 420px;
        height: 30px;
    }

        .fancy-divider-light:after {
            box-shadow: 1px 14px 0 #fff,5px 14px 0 #fff,9px 14px 0 #fff,13px 14px 0 #fff,17px 14px 0 #fff,21px 14px 0 #fff,25px 14px 0 #fff,29px 14px 0 #fff,33px 14px 0 #fff,37px 14px 0 #fff, 41px 14px 0 #fff,45px 14px 0 #fff,49px 14px 0 #fff,53px 14px 0 #fff,57px 14px 0 #fff,61px 14px 0 #fff, 69px 10px 0 #fff, 71px 10px 0 #fff, 67px 12px 0 #fff, 73px 12px 0 #fff, 77px 12px 0 #fff, 65px 14px 0 #fff, 75px 14px 0 #fff, 77px 14px 0 #fff, 79px 14px 0 #fff, 67px 16px 0 #fff, 73px 16px 0 #fff, 77px 16px 0 #fff, 69px 18px 0 #fff, 71px 18px 0 #fff, 91px 8px 0 #fff, 111px 8px 0 #fff, 87px 10px 0 #fff, 93px 10px 0 #fff, 101px 10px 0 #fff, 109px 10px 0 #fff, 115px 10px 0 #fff, 83px 12px 0 #fff, 89px 12px 0 #fff, 95px 12px 0 #fff, 99px 12px 0 #fff, 101px 12px 0 #fff, 103px 12px 0 #fff, 107px 12px 0 #fff, 113px 12px 0 #fff, 119px 12px 0 #fff, 85px 14px 0 #fff, 91px 14px 0 #fff, 97px 14px 0 #fff, 99px 14px 0 #fff, 101px 14px 0 #fff, 103px 14px 0 #fff, 105px 14px 0 #fff, 111px 14px 0 #fff, 117px 14px 0 #fff, 83px 16px 0 #fff, 89px 16px 0 #fff, 95px 16px 0 #fff, 99px 16px 0 #fff, 101px 16px 0 #fff, 103px 16px 0 #fff, 107px 16px 0 #fff, 113px 16px 0 #fff, 119px 16px 0 #fff, 87px 18px 0 #fff, 93px 18px 0 #fff, 101px 18px 0 #fff, 109px 18px 0 #fff, 115px 18px 0 #fff, 91px 20px 0 #fff, 111px 20px 0 #fff, 133px 4px 0 #fff, 129px 6px 0 #fff, 135px 6px 0 #fff, 131px 8px 0 #fff, 137px 8px 0 #fff, 139px 8px 0 #fff, 133px 10px 0 #fff, 135px 10px 0 #fff, 141px 10px 0 #fff, 143px 10px 0 #fff, 125px 12px 0 #fff, 129px 12px 0 #fff, 131px 12px 0 #fff, 145px 12px 0 #fff, 147px 12px 0 #fff, 123px 14px 0 #fff, 125px 14px 0 #fff, 127px 14px 0 #fff, 149px 14px 0 #fff, 151px 14px 0 #fff, 125px 16px 0 #fff, 129px 16px 0 #fff, 131px 16px 0 #fff, 145px 16px 0 #fff, 147px 16px 0 #fff, 133px 18px 0 #fff, 135px 18px 0 #fff, 141px 18px 0 #fff, 143px 18px 0 #fff, 131px 20px 0 #fff, 137px 20px 0 #fff, 139px 20px 0 #fff, 129px 22px 0 #fff, 135px 22px 0 #fff, 133px 24px 0 #fff, 147px 4px 0 #fff, 149px 4px 0 #fff, 145px 6px 0 #fff, 147px 6px 0 #fff, 149px 6px 0 #fff, 151px 6px 0 #fff, 147px 8px 0 #fff, 149px 8px 0 #fff, 151px 10px 0 #fff, 153px 10px 0 #fff, 155px 12px 0 #fff, 157px 12px 0 #fff, 155px 16px 0 #fff, 157px 16px 0 #fff, 151px 18px 0 #fff, 153px 18px 0 #fff, 147px 20px 0 #fff, 149px 20px 0 #fff, 145px 22px 0 #fff, 147px 22px 0 #fff, 149px 22px 0 #fff, 151px 22px 0 #fff, 147px 24px 0 #fff, 149px 24px 0 #fff, 163px 8px 0 #fff, 169px 8px 0 #fff, 165px 10px 0 #fff, 167px 10px 0 #fff, 163px 12px 0 #fff, 169px 12px 0 #fff, 159px 14px 0 #fff, 161px 14px 0 #fff, 171px 14px 0 #fff, 173px 14px 0 #fff, 163px 16px 0 #fff, 169px 16px 0 #fff, 165px 18px 0 #fff, 167px 18px 0 #fff, 163px 20px 0 #fff, 169px 20px 0 #fff, 181px 6px 0 #fff, 179px 8px 0 #fff, 181px 8px 0 #fff, 183px 8px 0 #fff, 195px 8px 0 #fff, 177px 10px 0 #fff, 179px 10px 0 #fff, 185px 10px 0 #fff, 191px 10px 0 #fff, 193px 10px 0 #fff, 175px 12px 0 #fff, 177px 12px 0 #fff, 187px 12px 0 #fff, 189px 12px 0 #fff, 175px 14px 0 #fff, 181px 14px 0 #fff, 183px 14px 0 #fff, 175px 16px 0 #fff, 177px 16px 0 #fff, 187px 16px 0 #fff, 189px 16px 0 #fff, 177px 18px 0 #fff, 179px 18px 0 #fff, 185px 18px 0 #fff, 191px 18px 0 #fff, 193px 18px 0 #fff, 179px 20px 0 #fff, 181px 20px 0 #fff, 183px 20px 0 #fff, 195px 20px 0 #fff, 181px 22px 0 #fff, 209px 0px 0 #fff, 207px 2px 0 #fff, 211px 2px 0 #fff, 205px 4px #fff, 213px 4px #fff, 203px 6px #fff, 215px 6px #fff, 209px 6px 0 #fff, 207px 8px 0 #fff, 209px 8px 0 #fff, 211px 8px 0 #fff, 199px 10px 0 #fff, 205px 10px 0 #fff, 207px 10px 0 #fff, 211px 10px 0 #fff, 213px 10px 0 #fff, 219px 10px 0 #fff, 203px 12px 0 #fff, 205px 12px 0 #fff, 213px 12px 0 #fff, 215px 12px 0 #fff, 193px 14px 0 #fff, 195px 14px 0 #fff, 197px 14px 0 #fff, 199px 14px 0 #fff, 201px 14px 0 #fff, 203px 14px 0 #fff, 215px 14px 0 #fff, 217px 14px 0 #fff, 219px 14px 0 #fff, 221px 14px 0 #fff, 223px 14px 0 #fff, 225px 14px 0 #fff, 203px 16px 0 #fff, 205px 16px 0 #fff, 213px 16px 0 #fff, 215px 16px 0 #fff, 199px 18px 0 #fff, 205px 18px 0 #fff, 207px 18px 0 #fff, 211px 18px 0 #fff, 213px 18px 0 #fff, 219px 18px 0 #fff, 207px 20px 0 #fff, 209px 20px 0 #fff, 211px 20px 0 #fff, 209px 22px 0 #fff, 209px 28px 0 #fff, 207px 26px 0 #fff, 211px 26px 0 #fff, 205px 24px #fff, 213px 24px #fff, 203px 22px #fff, 215px 22px #fff, 237px 6px 0 #fff, 223px 8px 0 #fff, 235px 8px 0 #fff, 237px 8px 0 #fff, 239px 8px 0 #fff, 225px 10px 0 #fff, 227px 10px 0 #fff, 233px 10px 0 #fff, 239px 10px 0 #fff, 241px 10px 0 #fff, 229px 12px 0 #fff, 231px 12px 0 #fff, 241px 12px 0 #fff, 243px 12px 0 #fff, 235px 14px 0 #fff, 237px 14px 0 #fff, 243px 14px 0 #fff, 229px 16px 0 #fff, 231px 16px 0 #fff, 241px 16px 0 #fff, 243px 16px 0 #fff, 225px 18px 0 #fff, 227px 18px 0 #fff, 233px 18px 0 #fff, 239px 18px 0 #fff, 241px 18px 0 #fff, 223px 20px 0 #fff, 235px 20px 0 #fff, 237px 20px 0 #fff, 239px 20px 0 #fff, 237px 22px 0 #fff, 249px 8px 0 #fff, 255px 8px 0 #fff, 251px 10px 0 #fff, 253px 10px 0 #fff, 249px 12px 0 #fff, 255px 12px 0 #fff, 245px 14px 0 #fff, 247px 14px 0 #fff, 257px 14px 0 #fff, 259px 14px 0 #fff, 249px 16px 0 #fff, 255px 16px 0 #fff, 251px 18px 0 #fff, 253px 18px 0 #fff, 249px 20px 0 #fff, 255px 20px 0 #fff, 269px 4px 0 #fff, 271px 4px 0 #fff, 267px 6px 0 #fff, 269px 6px 0 #fff, 271px 6px 0 #fff, 273px 6px 0 #fff, 269px 8px 0 #fff, 271px 8px 0 #fff, 265px 10px 0 #fff, 267px 10px 0 #fff, 261px 12px 0 #fff, 263px 12px 0 #fff, 261px 16px 0 #fff, 263px 16px 0 #fff, 265px 18px 0 #fff, 267px 18px 0 #fff, 269px 20px 0 #fff, 271px 20px 0 #fff, 267px 22px 0 #fff, 269px 22px 0 #fff, 271px 22px 0 #fff, 273px 22px 0 #fff, 269px 24px 0 #fff, 271px 24px 0 #fff, 285px 4px 0 #fff, 283px 6px 0 #fff, 289px 6px 0 #fff, 279px 8px 0 #fff, 281px 8px 0 #fff, 287px 8px 0 #fff, 275px 10px 0 #fff, 277px 10px 0 #fff, 283px 10px 0 #fff, 285px 10px 0 #fff, 271px 12px 0 #fff, 273px 12px 0 #fff, 287px 12px 0 #fff, 289px 12px 0 #fff, 293px 12px 0 #fff, 267px 14px 0 #fff, 269px 14px 0 #fff, 291px 14px 0 #fff, 293px 14px 0 #fff, 295px 14px 0 #fff, 271px 16px 0 #fff, 273px 16px 0 #fff, 287px 16px 0 #fff, 289px 16px 0 #fff, 293px 16px 0 #fff, 275px 18px 0 #fff, 277px 18px 0 #fff, 283px 18px 0 #fff, 285px 18px 0 #fff, 279px 20px 0 #fff, 281px 20px 0 #fff, 287px 20px 0 #fff, 283px 22px 0 #fff, 289px 22px 0 #fff, 285px 24px 0 #fff, 307px 8px 0 #fff, 327px 8px 0 #fff, 303px 10px 0 #fff, 309px 10px 0 #fff, 317px 10px 0 #fff, 325px 10px 0 #fff, 331px 10px 0 #fff, 299px 12px 0 #fff, 305px 12px 0 #fff, 311px 12px 0 #fff, 315px 12px 0 #fff, 317px 12px 0 #fff, 319px 12px 0 #fff, 323px 12px 0 #fff, 329px 12px 0 #fff, 335px 12px 0 #fff, 301px 14px 0 #fff, 307px 14px 0 #fff, 313px 14px 0 #fff, 315px 14px 0 #fff, 317px 14px 0 #fff, 319px 14px 0 #fff, 321px 14px 0 #fff, 327px 14px 0 #fff, 333px 14px 0 #fff, 299px 16px 0 #fff, 305px 16px 0 #fff, 311px 16px 0 #fff, 315px 16px 0 #fff, 317px 16px 0 #fff, 319px 16px 0 #fff, 323px 16px 0 #fff, 329px 16px 0 #fff, 335px 16px 0 #fff, 303px 18px 0 #fff, 309px 18px 0 #fff, 317px 18px 0 #fff, 325px 18px 0 #fff, 331px 18px 0 #fff, 307px 20px 0 #fff, 327px 20px 0 #fff, 347px 10px 0 #fff, 349px 10px 0 #fff, 341px 12px 0 #fff, 345px 12px 0 #fff, 351px 12px 0 #fff, 339px 14px 0 #fff, 339px 14px 0 #fff, 341px 14px 0 #fff, 343px 14px 0 #fff, 353px 14px 0 #fff, 341px 16px 0 #fff, 345px 16px 0 #fff, 351px 16px 0 #fff, 347px 18px 0 #fff, 349px 18px 0 #fff, 357px 14px 0 #fff, 361px 14px 0 #fff, 365px 14px 0 #fff, 369px 14px 0 #fff, 373px 14px 0 #fff, 377px 14px 0 #fff, 381px 14px 0 #fff, 385px 14px 0 #fff, 389px 14px 0 #fff, 393px 14px 0 #fff, 397px 14px 0 #fff, 401px 14px 0 #fff, 405px 14px 0 #fff, 409px 14px 0 #fff, 413px 14px 0 #fff, 417px 14px 0 #fff;
        }

        .fancy-divider-dark:after {
            box-shadow: 25px 12px 0 #000, 27px 12px 0 #000, 1px 14px 0 #000, 5px 14px 0 #000, 9px 14px 0 #000, 13px 14px 0 #000, 17px 14px 0 #000,21px 14px 0 #000,23px 14px 0 #000,25px 14px 0 #000,27px 14px 0 #000,29px 14px 0 #000, 25px 16px 0 #000, 27px 16px 0 #000, 31px 8px 0 #000, 43px 8px 0 #000, 33px 10px 0 #000, 35px 10px 0 #000, 39px 10px 0 #000, 41px 10px 0 #000, 33px 12px 0 #000, 35px 12px 0 #000, 39px 12px 0 #000, 41px 12px 0 #000, 37px 14px 0 #000, 33px 16px 0 #000, 35px 16px 0 #000, 39px 16px 0 #000, 41px 16px 0 #000, 33px 18px 0 #000, 35px 18px 0 #000, 39px 18px 0 #000, 41px 18px 0 #000, 31px 20px 0 #000, 43px 20px 0 #000, 47px 12px 0 #000, 49px 12px 0 #000, 85px 12px 0 #000, 87px 12px 0 #000, 45px 14px 0 #000, 47px 14px 0 #000, 49px 14px 0 #000, 51px 14px 0 #000, 53px 14px 0 #000, 57px 14px 0 #000, 61px 14px 0 #000, 65px 14px 0 #000, 69px 14px 0 #000, 73px 14px 0 #000, 77px 14px 0 #000, 81px 14px 0 #000, 83px 14px 0 #000, 85px 14px 0 #000, 87px 14px 0 #000, 89px 14px 0 #000, 47px 16px 0 #000, 49px 16px 0 #000, 85px 16px 0 #000, 87px 16px 0 #000, 95px 10px 0 #000, 97px 10px 0 #000, 99px 10px 0 #000, 93px 12px 0 #000, 101px 12px 0 #000, 93px 14px 0 #000, 97px 14px 0 #000, 101px 14px 0 #000, 93px 16px 0 #000, 101px 16px 0 #000, 95px 18px 0 #000, 97px 18px 0 #000, 99px 18px 0 #000, 121px 8px 0 #000, 123px 8px 0 #000, 125px 8px 0 #000, 127px 8px 0 #000, 129px 8px 0 #000, 131px 8px 0 #000, 133px 8px 0 #000, 107px 10px 0 #000, 109px 10px 0 #000, 111px 10px 0 #000, 119px 10px 0 #000, 135px 10px 0 #000, 143px 10px 0 #000, 145px 10px 0 #000, 147px 10px 0 #000, 105px 12px 0 #000, 113px 12px 0 #000, 117px 12px 0 #000, 137px 12px 0 #000, 141px 12px 0 #000, 149px 12px 0 #000, 151px 12px 0 #000, 105px 14px 0 #000, 115px 14px 0 #000, 123px 14px 0 #000, 127px 14px 0 #000, 131px 14px 0 #000, 139px 14px 0 #000, 153px 14px 0 #000, 155px 14px 0 #000, 105px 16px 0 #000, 113px 16px 0 #000, 117px 16px 0 #000, 137px 16px 0 #000, 141px 16px 0 #000, 149px 16px 0 #000, 151px 16px 0 #000, 107px 18px 0 #000, 109px 18px 0 #000, 111px 18px 0 #000, 119px 18px 0 #000, 135px 18px 0 #000, 143px 18px 0 #000, 145px 18px 0 #000, 147px 18px 0 #000, 121px 20px 0 #000, 123px 20px 0 #000, 125px 20px 0 #000, 127px 20px 0 #000, 129px 20px 0 #000, 131px 20px 0 #000, 133px 20px 0 #000, 161px 8px 0 #000, 173px 8px 0 #000, 163px 10px 0 #000, 165px 10px 0 #000, 169px 10px 0 #000, 171px 10px 0 #000, 163px 12px 0 #000, 165px 12px 0 #000, 169px 12px 0 #000, 171px 12px 0 #000, 159px 14px 0 #000, 167px 14px 0 #000, 175px 14px 0 #000, 179px 14px 0 #000, 181px 14px 0 #000, 163px 16px 0 #000, 165px 16px 0 #000, 169px 16px 0 #000, 171px 16px 0 #000, 163px 18px 0 #000, 165px 18px 0 #000, 169px 18px 0 #000, 171px 18px 0 #000, 161px 20px 0 #000, 173px 20px 0 #000, 187px 4px 0 #000, 189px 4px 0 #000, 185px 6px 0 #000, 191px 6px 0 #000, 183px 8px 0 #000, 193px 8px 0 #000, 183px 10px 0 #000, 191px 10px 0 #000, 185px 12px 0 #000, 187px 14px 0 #000, 189px 14px 0 #000, 191px 14px 0 #000, 185px 16px 0 #000, 183px 18px 0 #000, 191px 18px 0 #000, 183px 20px 0 #000, 193px 20px 0 #000, 185px 22px 0 #000, 191px 22px 0 #000, 187px 24px 0 #000, 189px 24px 0 #000, 209px 0px 0 #000, 209px 2px 0 #000, 207px 4px 0 #000, 209px 4px 0 #000,211px 4px 0 #000, 201px 6px 0 #000, 207px 6px 0 #000, 211px 6px 0 #000, 217px 6px 0 #000, 203px 8px 0 #000, 209px 8px 0 #000, 215px 8px 0 #000, 205px 10px 0 #000, 213px 10px 0 #000, 199px 12px 0 #000, 201px 12px 0 #000, 207px 12px 0 #000, 209px 12px 0 #000,211px 12px 0 #000,217px 12px 0 #000,219px 12px 0 #000, 195px 14px 0 #000, 197px 14px 0 #000, 199px 14px 0 #000, 203px 14px 0 #000,207px 14px 0 #000,211px 14px 0 #000,215px 14px 0 #000,219px 14px 0 #000,221px 14px 0 #000,223px 14px 0 #000, 199px 16px 0 #000, 201px 16px 0 #000, 207px 16px 0 #000, 209px 16px 0 #000,211px 16px 0 #000,217px 16px 0 #000,219px 16px 0 #000, 205px 18px 0 #000, 213px 18px 0 #000, 203px 20px 0 #000, 209px 20px 0 #000, 215px 20px 0 #000, 201px 22px 0 #000, 207px 22px 0 #000, 211px 22px 0 #000, 217px 22px 0 #000, 207px 24px 0 #000, 209px 24px 0 #000,211px 24px 0 #000, 209px 26px 0 #000, 209px 28px 0 #000, 229px 4px 0 #000, 231px 4px 0 #000, 227px 6px 0 #000, 233px 6px 0 #000, 225px 8px 0 #000, 235px 8px 0 #000, 227px 10px 0 #000, 235px 10px 0 #000, 233px 12px 0 #000, 227px 14px 0 #000, 229px 14px 0 #000, 231px 14px 0 #000, 233px 16px 0 #000, 227px 18px 0 #000, 235px 18px 0 #000, 225px 20px 0 #000, 235px 20px 0 #000, 227px 22px 0 #000, 233px 22px 0 #000, 229px 24px 0 #000, 231px 24px 0 #000, 245px 8px 0 #000, 257px 8px 0 #000, 247px 10px 0 #000, 249px 10px 0 #000, 253px 10px 0 #000, 255px 10px 0 #000, 247px 12px 0 #000, 249px 12px 0 #000, 253px 12px 0 #000, 255px 12px 0 #000, 237px 14px 0 #000, 239px 14px 0 #000, 243px 14px 0 #000, 251px 14px 0 #000, 259px 14px 0 #000, 247px 16px 0 #000, 249px 16px 0 #000, 253px 16px 0 #000, 255px 16px 0 #000, 247px 18px 0 #000, 249px 18px 0 #000, 253px 18px 0 #000, 255px 18px 0 #000, 245px 20px 0 #000, 257px 20px 0 #000, 285px 8px 0 #000, 287px 8px 0 #000, 289px 8px 0 #000, 291px 8px 0 #000, 293px 8px 0 #000, 295px 8px 0 #000, 297px 8px 0 #000, 271px 10px 0 #000, 273px 10px 0 #000, 275px 10px 0 #000, 283px 10px 0 #000, 299px 10px 0 #000, 307px 10px 0 #000, 309px 10px 0 #000, 311px 10px 0 #000, 267px 12px 0 #000, 269px 12px 0 #000, 277px 12px 0 #000, 281px 12px 0 #000, 301px 12px 0 #000, 305px 12px 0 #000, 313px 12px 0 #000, 263px 14px 0 #000, 265px 14px 0 #000, 279px 14px 0 #000, 287px 14px 0 #000, 291px 14px 0 #000, 295px 14px 0 #000, 303px 14px 0 #000, 313px 14px 0 #000, 267px 16px 0 #000, 269px 16px 0 #000, 277px 16px 0 #000, 281px 16px 0 #000, 301px 16px 0 #000, 305px 16px 0 #000, 313px 16px 0 #000, 271px 18px 0 #000, 273px 18px 0 #000, 275px 18px 0 #000, 283px 18px 0 #000, 299px 18px 0 #000, 307px 18px 0 #000, 309px 18px 0 #000, 311px 18px 0 #000, 285px 20px 0 #000, 287px 20px 0 #000, 289px 20px 0 #000, 291px 20px 0 #000, 293px 20px 0 #000, 295px 20px 0 #000, 297px 20px 0 #000, 319px 10px 0 #000, 321px 10px 0 #000, 323px 10px 0 #000, 317px 12px 0 #000, 325px 12px 0 #000, 317px 14px 0 #000, 321px 14px 0 #000, 325px 14px 0 #000, 317px 16px 0 #000, 325px 16px 0 #000, 319px 18px 0 #000, 321px 18px 0 #000, 323px 18px 0 #000, 331px 12px 0 #000, 333px 12px 0 #000, 369px 12px 0 #000, 371px 12px 0 #000, 329px 14px 0 #000, 331px 14px 0 #000, 333px 14px 0 #000, 335px 14px 0 #000, 337px 14px 0 #000, 341px 14px 0 #000, 345px 14px 0 #000, 349px 14px 0 #000, 353px 14px 0 #000, 357px 14px 0 #000, 361px 14px 0 #000, 365px 14px 0 #000, 367px 14px 0 #000, 369px 14px 0 #000, 371px 14px 0 #000, 373px 14px 0 #000, 331px 16px 0 #000, 333px 16px 0 #000, 369px 16px 0 #000, 371px 16px 0 #000, 375px 8px 0 #000, 387px 8px 0 #000, 377px 10px 0 #000, 379px 10px 0 #000, 383px 10px 0 #000, 385px 10px 0 #000, 377px 12px 0 #000, 379px 12px 0 #000, 383px 12px 0 #000, 385px 12px 0 #000, 381px 14px 0 #000, 377px 16px 0 #000, 379px 16px 0 #000, 383px 16px 0 #000, 385px 16px 0 #000, 377px 18px 0 #000, 379px 18px 0 #000, 383px 18px 0 #000, 385px 18px 0 #000, 375px 20px 0 #000, 387px 20px 0 #000, 391px 12px 0 #000, 393px 12px 0 #000, 389px 14px 0 #000, 391px 14px 0 #000, 393px 14px 0 #000, 395px 14px 0 #000, 397px 14px 0 #000, 401px 14px 0 #000, 405px 14px 0 #000, 409px 14px 0 #000, 413px 14px 0 #000, 417px 14px 0 #000, 391px 16px 0 #000, 393px 16px 0 #000;
        }
}
/* ---- 300px ---- */
@media only screen and (max-width: 479px) {
    .fancy-divider-light, .fancy-divider-dark {
        width: 300px;
        height: 30px;
    }

        .fancy-divider-light:after {
            box-shadow: 149px 0px 0 #fff, 147px 2px 0 #fff, 151px 2px 0 #fff, 145px 4px #fff, 153px 4px #fff, 143px 6px #fff, 155px 6px #fff, 149px 28px 0 #fff, 147px 26px 0 #fff, 151px 26px 0 #fff, 145px 24px #fff, 153px 24px #fff, 143px 22px #fff, 155px 22px #fff, 1px 14px 0 #fff,5px 14px 0 #fff,9px 14px 0 #fff,13px 14px 0 #fff,17px 14px 0 #fff,21px 14px 0 #fff,25px 14px 0 #fff,29px 14px 0 #fff,33px 14px 0 #fff,37px 14px 0 #fff, 41px 14px 0 #fff,45px 14px 0 #fff,49px 14px 0 #fff,53px 14px 0 #fff,57px 14px 0 #fff,61px 14px 0 #fff,65px 14px 0 #fff, 73px 10px 0 #fff, 75px 10px 0 #fff, 71px 12px 0 #fff, 77px 12px 0 #fff, 81px 12px 0 #fff, 87px 12px 0 #fff, 69px 14px 0 #fff, 79px 14px 0 #fff, 81px 14px 0 #fff, 83px 14px 0 #fff, 89px 14px 0 #fff, 71px 16px 0 #fff, 77px 16px 0 #fff, 81px 16px 0 #fff, 87px 16px 0 #fff, 73px 18px 0 #fff, 75px 18px 0 #fff, 87px 4px 0 #fff, 89px 4px 0 #fff, 85px 6px 0 #fff,87px 6px 0 #fff, 89px 6px 0 #fff,91px 6px 0 #fff, 87px 8px 0 #fff, 89px 8px 0 #fff, 91px 10px 0 #fff, 93px 10px 0 #fff, 95px 12px 0 #fff, 97px 12px 0 #fff, 87px 20px 0 #fff, 89px 20px 0 #fff, 85px 22px 0 #fff,87px 22px 0 #fff, 89px 22px 0 #fff,91px 22px 0 #fff, 87px 24px 0 #fff, 89px 24px 0 #fff, 91px 18px 0 #fff, 93px 18px 0 #fff, 95px 16px 0 #fff, 97px 16px 0 #fff, 103px 8px 0 #fff, 109px 8px 0 #fff, 105px 10px 0 #fff, 107px 10px 0 #fff, 103px 12px 0 #fff, 109px 12px 0 #fff, 99px 14px 0 #fff, 101px 14px 0 #fff, 111px 14px 0 #fff, 113px 14px 0 #fff, 103px 16px 0 #fff, 109px 16px 0 #fff, 105px 18px 0 #fff, 107px 18px 0 #fff, 103px 20px 0 #fff, 109px 20px 0 #fff, 121px 6px 0 #fff, 119px 8px 0 #fff,121px 8px 0 #fff,123px 8px 0 #fff,135px 8px 0 #fff, 117px 10px 0 #fff,119px 10px 0 #fff,125px 10px 0 #fff,131px 10px 0 #fff,133px 10px 0 #fff, 115px 12px 0 #fff, 117px 12px 0 #fff,127px 12px 0 #fff,129px 12px 0 #fff, 115px 14px 0 #fff, 121px 14px 0 #fff,123px 14px 0 #fff, 115px 16px 0 #fff, 117px 16px 0 #fff,127px 16px 0 #fff,129px 16px 0 #fff, 117px 18px 0 #fff,119px 18px 0 #fff,125px 18px 0 #fff,131px 18px 0 #fff,133px 18px 0 #fff, 119px 20px 0 #fff,121px 20px 0 #fff,123px 20px 0 #fff,135px 20px 0 #fff, 121px 22px 0 #fff, 149px 6px 0 #fff, 147px 8px 0 #fff,149px 8px 0 #fff, 151px 8px 0 #fff, 139px 10px 0 #fff, 145px 10px 0 #fff, 147px 10px 0 #fff, 151px 10px 0 #fff, 153px 10px 0 #fff, 159px 10px 0 #fff, 143px 12px 0 #fff, 145px 12px 0 #fff, 153px 12px 0 #fff, 155px 12px 0 #fff, 133px 14px 0 #fff, 135px 14px 0 #fff, 137px 14px 0 #fff, 139px 14px 0 #fff, 141px 14px 0 #fff, 143px 14px 0 #fff, 155px 14px 0 #fff, 157px 14px 0 #fff, 159px 14px 0 #fff, 161px 14px 0 #fff, 163px 14px 0 #fff, 165px 14px 0 #fff, 143px 16px 0 #fff, 145px 16px 0 #fff, 153px 16px 0 #fff, 155px 16px 0 #fff, 139px 18px 0 #fff, 145px 18px 0 #fff, 147px 18px 0 #fff, 151px 18px 0 #fff, 153px 18px 0 #fff, 159px 18px 0 #fff, 147px 20px 0 #fff, 149px 20px 0 #fff, 151px 20px 0 #fff, 149px 22px 0 #fff, 177px 6px 0 #fff, 163px 8px 0 #fff,175px 8px 0 #fff,177px 8px 0 #fff,179px 8px 0 #fff, 165px 10px 0 #fff,167px 10px 0 #fff,173px 10px 0 #fff,179px 10px 0 #fff,181px 10px 0 #fff, 169px 12px 0 #fff, 171px 12px 0 #fff,181px 12px 0 #fff,183px 12px 0 #fff, 175px 14px 0 #fff, 177px 14px 0 #fff,183px 14px 0 #fff, 169px 16px 0 #fff, 171px 16px 0 #fff,181px 16px 0 #fff,183px 16px 0 #fff, 165px 18px 0 #fff,167px 18px 0 #fff,173px 18px 0 #fff,179px 18px 0 #fff,181px 18px 0 #fff, 163px 20px 0 #fff,175px 20px 0 #fff,177px 20px 0 #fff,179px 20px 0 #fff, 177px 22px 0 #fff, 189px 8px 0 #fff, 195px 8px 0 #fff, 191px 10px 0 #fff, 193px 10px 0 #fff, 189px 12px 0 #fff, 195px 12px 0 #fff, 185px 14px 0 #fff, 187px 14px 0 #fff, 197px 14px 0 #fff, 199px 14px 0 #fff, 189px 16px 0 #fff, 195px 16px 0 #fff, 191px 18px 0 #fff, 193px 18px 0 #fff, 189px 20px 0 #fff, 195px 20px 0 #fff, 209px 4px 0 #fff, 211px 4px 0 #fff, 207px 6px 0 #fff, 209px 6px 0 #fff, 211px 6px 0 #fff,213px 6px 0 #fff, 209px 8px 0 #fff, 211px 8px 0 #fff, 201px 12px 0 #fff, 203px 12px 0 #fff, 205px 10px 0 #fff, 207px 10px 0 #fff, 209px 20px 0 #fff, 211px 20px 0 #fff, 207px 22px 0 #fff, 209px 22px 0 #fff, 211px 22px 0 #fff,213px 22px 0 #fff, 209px 24px 0 #fff, 211px 24px 0 #fff, 201px 16px 0 #fff, 203px 16px 0 #fff, 205px 18px 0 #fff, 207px 18px 0 #fff, 223px 10px 0 #fff, 225px 10px 0 #fff, 221px 12px 0 #fff, 227px 12px 0 #fff, 211px 12px 0 #fff, 217px 12px 0 #fff, 209px 14px 0 #fff, 215px 14px 0 #fff, 217px 14px 0 #fff, 219px 14px 0 #fff, 229px 14px 0 #fff, 221px 16px 0 #fff, 227px 16px 0 #fff, 211px 16px 0 #fff, 217px 16px 0 #fff, 223px 18px 0 #fff, 225px 18px 0 #fff, 233px 14px 0 #fff,237px 14px 0 #fff,241px 14px 0 #fff,245px 14px 0 #fff,249px 14px 0 #fff,253px 14px 0 #fff,257px 14px 0 #fff,261px 14px 0 #fff,265px 14px 0 #fff,269px 14px 0 #fff, 273px 14px 0 #fff,277px 14px 0 #fff,281px 14px 0 #fff,285px 14px 0 #fff,289px 14px 0 #fff,293px 14px 0 #fff,297px 14px 0 #fff;
        }

        .fancy-divider-dark:after {
            box-shadow: 25px 12px 0 #000, 27px 12px 0 #000, 1px 14px 0 #000,5px 14px 0 #000, 9px 14px 0 #000, 13px 14px 0 #000, 17px 14px 0 #000,21px 14px 0 #000,23px 14px 0 #000,25px 14px 0 #000,27px 14px 0 #000,29px 14px 0 #000, 25px 16px 0 #000, 27px 16px 0 #000, 35px 10px 0 #000, 37px 10px 0 #000, 39px 10px 0 #000, 33px 12px 0 #000, 41px 12px 0 #000, 33px 14px 0 #000, 37px 14px 0 #000, 41px 14px 0 #000, 33px 16px 0 #000, 41px 16px 0 #000, 35px 18px 0 #000, 37px 18px 0 #000, 39px 18px 0 #000, 61px 8px 0 #000, 63px 8px 0 #000, 65px 8px 0 #000, 67px 8px 0 #000, 69px 8px 0 #000, 71px 8px 0 #000, 73px 8px 0 #000, 47px 10px 0 #000, 49px 10px 0 #000, 51px 10px 0 #000, 59px 10px 0 #000, 75px 10px 0 #000, 83px 10px 0 #000, 85px 10px 0 #000, 87px 10px 0 #000, 45px 12px 0 #000, 53px 12px 0 #000, 57px 12px 0 #000, 77px 12px 0 #000, 81px 12px 0 #000, 89px 12px 0 #000, 91px 12px 0 #000, 45px 14px 0 #000, 55px 14px 0 #000, 63px 14px 0 #000, 67px 14px 0 #000, 71px 14px 0 #000, 79px 14px 0 #000, 93px 14px 0 #000, 95px 14px 0 #000, 45px 16px 0 #000, 53px 16px 0 #000, 57px 16px 0 #000, 77px 16px 0 #000, 81px 16px 0 #000, 89px 16px 0 #000, 91px 16px 0 #000, 47px 18px 0 #000, 49px 18px 0 #000, 51px 18px 0 #000, 59px 18px 0 #000, 75px 18px 0 #000, 83px 18px 0 #000, 85px 18px 0 #000, 87px 18px 0 #000, 61px 20px 0 #000, 63px 20px 0 #000, 65px 20px 0 #000, 67px 20px 0 #000, 69px 20px 0 #000, 71px 20px 0 #000, 73px 20px 0 #000, 101px 8px 0 #000, 113px 8px 0 #000, 103px 10px 0 #000, 105px 10px 0 #000, 109px 10px 0 #000, 111px 10px 0 #000, 103px 12px 0 #000, 105px 12px 0 #000, 109px 12px 0 #000, 111px 12px 0 #000, 99px 14px 0 #000, 107px 14px 0 #000, 115px 14px 0 #000, 119px 14px 0 #000, 121px 14px 0 #000, 103px 16px 0 #000, 105px 16px 0 #000, 109px 16px 0 #000, 111px 16px 0 #000, 103px 18px 0 #000, 105px 18px 0 #000, 109px 18px 0 #000, 111px 18px 0 #000, 101px 20px 0 #000, 113px 20px 0 #000, 127px 4px 0 #000, 129px 4px 0 #000, 125px 6px 0 #000, 131px 6px 0 #000, 123px 8px 0 #000, 133px 8px 0 #000, 123px 10px 0 #000, 131px 10px 0 #000, 125px 12px 0 #000, 127px 14px 0 #000, 129px 14px 0 #000, 131px 14px 0 #000, 125px 16px 0 #000, 123px 18px 0 #000, 131px 18px 0 #000, 123px 20px 0 #000, 133px 20px 0 #000, 125px 22px 0 #000, 131px 22px 0 #000, 127px 24px 0 #000, 129px 24px 0 #000, 149px 0px 0 #000, 149px 2px 0 #000, 147px 4px 0 #000, 149px 4px 0 #000,151px 4px 0 #000, 141px 6px 0 #000, 147px 6px 0 #000, 151px 6px 0 #000, 157px 6px 0 #000, 143px 8px 0 #000, 149px 8px 0 #000, 155px 8px 0 #000, 145px 10px 0 #000, 153px 10px 0 #000, 139px 12px 0 #000, 141px 12px 0 #000, 147px 12px 0 #000, 149px 12px 0 #000,151px 12px 0 #000,157px 12px 0 #000,159px 12px 0 #000, 135px 14px 0 #000, 137px 14px 0 #000, 139px 14px 0 #000, 143px 14px 0 #000,147px 14px 0 #000,151px 14px 0 #000,155px 14px 0 #000,159px 14px 0 #000,161px 14px 0 #000,163px 14px 0 #000, 139px 16px 0 #000, 141px 16px 0 #000, 147px 16px 0 #000, 149px 16px 0 #000,151px 16px 0 #000,157px 16px 0 #000,159px 16px 0 #000, 145px 18px 0 #000, 153px 18px 0 #000, 143px 20px 0 #000, 149px 20px 0 #000, 155px 20px 0 #000, 141px 22px 0 #000, 147px 22px 0 #000, 151px 22px 0 #000, 157px 22px 0 #000, 147px 24px 0 #000, 149px 24px 0 #000,151px 24px 0 #000, 149px 26px 0 #000, 149px 28px 0 #000, 169px 4px 0 #000, 171px 4px 0 #000, 167px 6px 0 #000, 173px 6px 0 #000, 165px 8px 0 #000, 175px 8px 0 #000, 167px 10px 0 #000, 175px 10px 0 #000, 173px 12px 0 #000, 167px 14px 0 #000, 169px 14px 0 #000, 171px 14px 0 #000, 173px 16px 0 #000, 167px 18px 0 #000, 175px 18px 0 #000, 165px 20px 0 #000, 175px 20px 0 #000, 167px 22px 0 #000, 173px 22px 0 #000, 169px 24px 0 #000, 171px 24px 0 #000, 185px 8px 0 #000, 197px 8px 0 #000, 187px 10px 0 #000, 189px 10px 0 #000, 193px 10px 0 #000, 195px 10px 0 #000, 187px 12px 0 #000, 189px 12px 0 #000, 193px 12px 0 #000, 195px 12px 0 #000, 177px 14px 0 #000, 179px 14px 0 #000, 183px 14px 0 #000, 191px 14px 0 #000, 199px 14px 0 #000, 187px 16px 0 #000, 189px 16px 0 #000, 193px 16px 0 #000, 195px 16px 0 #000, 187px 18px 0 #000, 189px 18px 0 #000, 193px 18px 0 #000, 195px 18px 0 #000, 185px 20px 0 #000, 197px 20px 0 #000, 225px 8px 0 #000, 227px 8px 0 #000, 229px 8px 0 #000, 231px 8px 0 #000, 233px 8px 0 #000, 235px 8px 0 #000, 237px 8px 0 #000, 211px 10px 0 #000, 213px 10px 0 #000, 215px 10px 0 #000, 223px 10px 0 #000, 239px 10px 0 #000, 247px 10px 0 #000, 249px 10px 0 #000, 251px 10px 0 #000, 207px 12px 0 #000, 209px 12px 0 #000, 217px 12px 0 #000, 221px 12px 0 #000, 241px 12px 0 #000, 245px 12px 0 #000, 253px 12px 0 #000, 203px 14px 0 #000, 205px 14px 0 #000, 219px 14px 0 #000, 227px 14px 0 #000, 231px 14px 0 #000, 235px 14px 0 #000, 243px 14px 0 #000, 253px 14px 0 #000, 207px 16px 0 #000, 209px 16px 0 #000, 217px 16px 0 #000, 221px 16px 0 #000, 241px 16px 0 #000, 245px 16px 0 #000, 253px 16px 0 #000, 211px 18px 0 #000, 213px 18px 0 #000, 215px 18px 0 #000, 223px 18px 0 #000, 239px 18px 0 #000, 247px 18px 0 #000, 249px 18px 0 #000, 251px 18px 0 #000, 225px 20px 0 #000, 227px 20px 0 #000, 229px 20px 0 #000, 231px 20px 0 #000, 233px 20px 0 #000, 235px 20px 0 #000, 237px 20px 0 #000, 259px 10px 0 #000, 261px 10px 0 #000, 263px 10px 0 #000, 257px 12px 0 #000, 265px 12px 0 #000, 257px 14px 0 #000, 261px 14px 0 #000, 265px 14px 0 #000, 257px 16px 0 #000, 265px 16px 0 #000, 259px 18px 0 #000, 261px 18px 0 #000, 263px 18px 0 #000, 271px 12px 0 #000, 273px 12px 0 #000, 269px 14px 0 #000, 271px 14px 0 #000, 273px 14px 0 #000, 275px 14px 0 #000, 277px 14px 0 #000, 281px 14px 0 #000, 285px 14px 0 #000, 289px 14px 0 #000, 293px 14px 0 #000, 297px 14px 0 #000, 271px 16px 0 #000, 273px 16px 0 #000;
        }
}

/* On screens smaller than 576px, hide the text inside the button */
@media (max-width: 575.98px) {
    .back-button .dxbl-btn-text {
        display: none !important;
    }

    /* Optional: Make the title font slightly smaller on mobile if it still crowds the row */
    .custom-group-caption {
        font-size: 1.1rem;
    }
}

.report-row-title {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    margin: 0 auto;
    font-weight: bold;
    text-decoration: underline;
}

.report-row {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    margin: 0 auto;
    padding: 2px 0;
}

    .report-row span:last-child {
        font-weight: 600;
    }

.page-size-select {
    width: 70px;
}

.back-to-top-btn {
    bottom: 90px;
    right: 20px;
    width: 44px;
    height: 44px;
    z-index: 1000;
}

@media (max-width: 576px) {
    .back-to-top-btn {
        right: 12px;
        bottom: 16px;
    }
}


/* Media Queries */
@media (max-width: 991.98px) {
    .header-bar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .logo-title-group {
        flex: 1 1 100%;
    }

    .header-actions {
        flex: 1 1 100%;
        justify-content: flex-end;
        gap: 16px;
    }

    .company-title {
        font-size: 16px;
        white-space: normal;
    }

    .filter-bar {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        padding: 12px;
        gap: 12px;
    }

    .filter-group {
        width: 100%;
        display: flex;
    }

    .mobile-chart-card {
        min-height: 580px !important;
        padding: 0.5rem !important; /* Condense margins to maximize graph width */
    }

        /* Drop text dimensions down so titles do not push charts out of their card view boundaries */
        .mobile-chart-card .dxc-title text {
            font-size: 13px !important;
        }
    /* Compress the padding spacing within filter rows on narrow displays */
    .form-label.small {
        font-size: 12px !important;
    }
    /* Prevent charts from growing too long or overflowing card heights */
    .mobile-chart-card {
        height: auto !important;
        margin-bottom: 10px;
    }
        /* Scale down legend text labels so they pack closer together horizontally */
        .mobile-chart-card .dxc-legend text {
            font-size: 10px !important;
        }
}

@media screen and (max-width: 1210px) and (orientation: landscape) {
    .filter-bar {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        padding: 12px;
    }

    .filter-group {
        width: 100%;
    }
}

/* Small phones */
@media (max-width: 400px) {
    .gauge-box {
        height: 180px;
    }

        .gauge-box .meter-container {
            transform: scale(1.0); /* back to native size, no scaling */
        }
}

/* Mobile Portrait, Mobile Landscape, Tablet Portrait */
@media (max-width: 768px) {
    .display-desktop {
        display: none;
    }

    .display-mobile {
        display: block;
    }

    .page-content-container {
        padding-bottom: 130px !important;
        display: block;
        width: 100%;
    }

    .mix-name {
        width: 100%;
    }

    .mobile-break {
        display: block;
    }

    .card-adp-3d {
        max-width: 100% !important;
        width: 100% !important;
    }

    .card-adp-3dx {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Deep premium corporate blue for active telemetry streams */
    .text-navy-premium {
        color: #1e3a8a !important; /* Premium Navy */
    }

    /* De-emphasized slate for offline or inactive facilities */
    .text-muted-offline {
        color: #64748b !important; /* Slate Gray */
    }

    .gauge-box {
        width: 100%;
        min-width: 0; /* remove the 300px floor, or it'll force horizontal scroll */
        height: 200px; /* smaller than desktop's 240px */
    }

        .gauge-box .meter-container {
            transform: scale(1.1); /* dial back from desktop's 1.3 */
        }
}

/* Mobile Tablet Landscape */
@media (min-width: 769px) and (max-width: 1199px) {
    .display-desktop {
        display: none;
    }

    .display-mobile {
        display: block;
    }

    .mix-name {
        width: 100%;
    }

    .card-adp-3d {
        max-width: 100% !important;
        width: 100% !important;
    }

    .card-adp-3dx {
        max-width: 100% !important;
        width: 100% !important;
    }

    .list-box-2 li {
        min-width: 70px;
    }

    .gauge-box {
        width: 100%;
    }
}

/* Desktop Monitors */
@media (min-width: 1200px) {
    .display-desktop {
        display: block;
    }

    .display-mobile {
        display: none;
    }

    .page-container {
        min-height: calc(100vh - 56px);
    }

    /* Keep your custom layout table height offsets exactly as they are here */
    .page-container-alarms {
        min-height: calc(100vh - 280px);
        overflow-y: auto;
    }

    .main-wrapper {
        overflow-x: hidden;
        max-width: 100%;
    }

    .dxbs-grid {
        max-width: 100% !important;
    }

    /* Keep your excellent popup styling rules unchanged */
    .custom-wide-popup {
        min-width: 800px !important;
        max-width: 1200px !important;
        width: 90vw;
    }

        .custom-wide-popup .dxbl-popup-content {
            padding: 1rem;
            overflow-x: hidden;
        }

    .custom-wide-editform {
        overflow: visible !important;
        width: 100%;
        min-width: 800px;
        min-height: 125px;
        padding-bottom: 15px !important;
    }

    .custom-standard-popup {
        min-width: 200px !important;
    }

        .custom-standard-popup .dxbl-popup-content {
            padding: 1rem;
            overflow-x: hidden;
        }

    .custom-standard-editform {
        overflow: visible !important;
        width: 100%;
        min-width: 200px;
        min-height: 125px;
        padding-bottom: 15px !important;
    }
}