/* =====================================================
   IVUREVURE MULTI PAGE V1
   ===================================================== */

.ivu-page-body {
    margin: 0;
    min-height: 100vh;
    background: #061827;
    color: #eaf7fa;
}

.ivu-page-body .site-header {
    position: relative;
    z-index: 50;
    background:
        rgba(3, 18, 30, .92);
    border-bottom:
        1px solid
        rgba(130, 208, 216, .10);
}

.ivu-page-body .main-nav a.is-current {
    color: #72edcf;
}

.ivu-page-main {
    overflow: hidden;
}


/* HERO */

.ivu-page-hero {
    position: relative;
    overflow: hidden;

    padding:
        clamp(78px, 8vw, 130px)
        0
        clamp(70px, 7vw, 110px);

    background:
        radial-gradient(
            circle at 82% 35%,
            rgba(45, 222, 187, .14),
            transparent 30%
        ),
        radial-gradient(
            circle at 10% 25%,
            rgba(55, 110, 223, .13),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #020d18,
            #061a2a 48%,
            #082b37
        );
}

.ivu-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(127, 203, 211, .025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(127, 203, 211, .025) 1px,
            transparent 1px
        );

    background-size:
        62px 62px;
}

.ivu-hero-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, .92fr)
        minmax(480px, 1.08fr);

    align-items: center;

    gap:
        clamp(45px, 6vw, 100px);
}

.ivu-hero-copy {
    max-width: 690px;
}

.ivu-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #74e8cb;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: .18em;
}

.ivu-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background: #67e7c5;

    box-shadow:
        0 0 10px
        rgba(103, 231, 197, .55);
}

.ivu-hero-copy h1 {
    margin:
        24px 0 0;

    color: #f5fbff;

    font-size:
        clamp(50px, 5.6vw, 82px);

    line-height: .99;

    letter-spacing: -.055em;
}

.ivu-hero-copy h1 span {
    display: block;

    margin-top: 8px;

    background:
        linear-gradient(
            90deg,
            #72edcf,
            #58d6df 52%,
            #91bfff
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color:
        transparent;
}

.ivu-hero-copy > p {
    max-width: 620px;

    margin:
        27px 0 0;

    color:
        rgba(218, 236, 244, .72);

    font-size:
        clamp(16px, 1.4vw, 20px);

    line-height: 1.75;
}

.ivu-primary-link {
    display: inline-flex;

    margin-top: 28px;

    min-height: 50px;

    align-items: center;

    padding:
        0 22px;

    border-radius: 9px;

    color: #03161c;

    background:
        linear-gradient(
            135deg,
            #72edcf,
            #54d7df
        );

    text-decoration: none;

    font-size: 13px;
    font-weight: 850;
}


/* ILLUSTRATION */

.ivu-illustration {
    position: relative;
    width: 100%;
}

.ivu-illustration::before {
    content: "";

    position: absolute;

    inset:
        12% 8%;

    background:
        radial-gradient(
            circle,
            rgba(55, 224, 188, .18),
            transparent 68%
        );

    filter:
        blur(30px);
}

.ivu-illustration svg {
    position: relative;

    display: block;

    width: 100%;
    height: auto;

    filter:
        drop-shadow(
            0 35px 60px
            rgba(0, 0, 0, .25)
        );
}

.illu-frame {
    fill:
        rgba(5, 31, 45, .68);

    stroke:
        rgba(112, 221, 212, .18);
}

.illu-grid line {
    stroke:
        rgba(111, 196, 207, .055);

    stroke-width: 1;
}

.illu-ring {
    fill: none;

    stroke:
        rgba(104, 230, 205, .22);

    stroke-width: 1.5;
}

.illu-core {
    fill:
        rgba(80, 221, 190, .16);

    stroke: #62e4c2;

    stroke-width: 2;
}

.illu-node {
    fill:
        rgba(61, 207, 174, .13);

    stroke:
        rgba(111, 238, 208, .8);

    stroke-width: 2;
}

.illu-node-dot,
.illu-hub {
    fill: #66e8c6;

    stroke:
        rgba(225, 255, 248, .95);

    stroke-width: 3;

    filter:
        drop-shadow(
            0 0 8px
            rgba(102, 232, 198, .9)
        );
}

.illu-route {
    fill: none;

    stroke:
        rgba(89, 220, 196, .42);

    stroke-width: 1.5;

    stroke-dasharray:
        6 7;
}

.illu-route-thick {
    fill: none;

    stroke:
        url(#ivuGrad);

    stroke-width: 5;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.illu-card {
    fill:
        rgba(9, 44, 58, .78);

    stroke:
        rgba(109, 219, 211, .22);

    stroke-width: 1.5;
}

.illu-label {
    fill:
        rgba(207, 238, 240, .72);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1px;
}

.illu-label-main {
    fill: #e9fbf7;

    font-size: 15px;
    font-weight: 900;

    letter-spacing: 2px;
}

.illu-road {
    fill: none;

    stroke:
        rgba(121, 202, 214, .28);

    stroke-width: 4;
}

.illu-road-mark {
    stroke: #69e6c5;
    stroke-width: 5;
    stroke-linecap: round;
}

.illu-wheel {
    fill: #061827;
    stroke: #71e6c8;
    stroke-width: 4;
}

.illu-field {
    fill: none;

    stroke:
        rgba(111, 226, 199, .34);

    stroke-width: 4;
}

.illu-leaf {
    fill:
        rgba(95, 225, 185, .22);

    stroke: #70e8c4;
    stroke-width: 2;
}

.illu-leaf-secondary {
    fill:
        rgba(75, 167, 220, .16);

    stroke: #62c8de;
    stroke-width: 2;
}

.illu-building {
    fill:
        rgba(51, 126, 168, .13);

    stroke:
        rgba(104, 216, 208, .38);

    stroke-width: 2;
}

.illu-water {
    fill:
        rgba(67, 178, 220, .17);

    stroke: #61cde1;

    stroke-width: 3;
}

.illu-lightning {
    fill:
        rgba(104, 232, 196, .22);

    stroke: #72e9c6;

    stroke-width: 3;
}

.illu-ship {
    fill:
        rgba(61, 174, 200, .16);

    stroke: #67daca;

    stroke-width: 3;
}


/* CONTENT */

.ivu-content-section {
    padding:
        clamp(75px, 8vw, 125px)
        0;

    background: #f7fafb;
    color: #102c3d;
}

.ivu-section-dark {
    color: #e8f6f7;

    background:
        linear-gradient(
            135deg,
            #051725,
            #082934
        );
}

.ivu-section-heading {
    max-width: 760px;

    margin-bottom:
        clamp(42px, 5vw, 70px);
}

.ivu-section-heading > span {
    color: #128d78;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: .17em;
}

.ivu-section-heading h2,
.ivu-split h2,
.ivu-detail-grid h2,
.ivu-contact-grid h2 {
    margin:
        17px 0 0;

    font-size:
        clamp(38px, 4vw, 58px);

    line-height: 1.04;

    letter-spacing: -.04em;
}

.ivu-section-heading p {
    margin-top: 22px;

    color: #647985;

    font-size: 17px;
    line-height: 1.7;
}

.ivu-three-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;
}

.ivu-feature-card {
    min-height: 260px;

    padding:
        30px;

    border:
        1px solid
        rgba(25, 86, 102, .11);

    border-radius: 17px;

    background:
        rgba(255, 255, 255, .66);
}

.ivu-section-dark .ivu-feature-card {
    border-color:
        rgba(104, 218, 207, .12);

    background:
        rgba(255, 255, 255, .025);
}

.ivu-feature-card > strong {
    color: #1da88c;

    font-size: 11px;
    letter-spacing: .14em;
}

.ivu-feature-card h3 {
    margin:
        35px 0 0;

    font-size: 23px;
}

.ivu-feature-card p {
    margin-top: 15px;

    color: #6c808a;

    line-height: 1.7;
}

.ivu-section-dark .ivu-feature-card p {
    color:
        rgba(211, 232, 236, .62);
}

.ivu-split,
.ivu-detail-grid,
.ivu-contact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .75fr)
        minmax(0, 1.25fr);

    gap:
        clamp(50px, 8vw, 120px);
}

.ivu-process-list {
    border-top:
        1px solid
        rgba(120, 218, 209, .15);
}

.ivu-process-list > div {
    display: grid;

    grid-template-columns:
        55px 1fr;

    gap: 20px;

    padding:
        22px 0;

    border-bottom:
        1px solid
        rgba(120, 218, 209, .12);
}

.ivu-process-list b {
    color: #68e2c3;

    font-size: 11px;
}

.ivu-process-list span {
    font-size: 17px;
    font-weight: 700;
}


/* BUSINESS GRID */

.ivu-business-page-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 17px;
}

.ivu-business-tile {
    min-height: 320px;

    display: flex;
    flex-direction: column;

    padding: 28px;

    color: #102c3d;

    border:
        1px solid
        rgba(27, 81, 99, .11);

    border-radius: 17px;

    background: #fff;

    text-decoration: none;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.ivu-business-tile:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(19, 159, 132, .32);

    box-shadow:
        0 25px 60px
        rgba(17, 64, 80, .08);
}

.ivu-business-tile > span,
.ivu-business-tile small {
    color: #15977e;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: .14em;
}

.ivu-business-tile small {
    margin-top: 37px;
}

.ivu-business-tile h2 {
    margin:
        10px 0 0;

    font-size: 30px;
}

.ivu-business-tile p {
    margin-top: 14px;

    color: #71838b;

    line-height: 1.6;
}

.ivu-business-tile b {
    margin-top: auto;

    padding-top: 25px;

    color: #128c76;

    font-size: 12px;
}


/* DETAIL */

.ivu-capability-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;
}

.ivu-capability {
    display: flex;

    min-height: 82px;

    align-items: center;

    gap: 18px;

    padding:
        18px 20px;

    border:
        1px solid
        rgba(22, 87, 101, .11);

    border-radius: 11px;

    background: #fff;
}

.ivu-capability span {
    color: #1aa089;

    font-size: 10px;
    font-weight: 850;
}

.ivu-capability strong {
    font-size: 14px;
}

.ivu-large-copy {
    margin: 0;

    color:
        inherit;

    opacity: .70;

    font-size:
        clamp(19px, 2vw, 25px);

    line-height: 1.65;
}

.ivu-text-link {
    display: inline-block;

    margin-top: 28px;

    color: #70e6c7;

    text-decoration: none;

    font-size: 13px;
    font-weight: 850;
}


/* NETWORK */

.ivu-market-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 10px;
}

.ivu-market {
    display: flex;

    min-height: 74px;

    align-items: center;

    gap: 14px;

    padding:
        0 20px;

    border:
        1px solid
        rgba(24, 85, 101, .10);

    border-radius: 10px;

    background: #fff;
}

.ivu-market i {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #42caa7;

    box-shadow:
        0 0 0 5px
        rgba(66, 202, 167, .09);
}


/* CONTACT */

.ivu-contact-form {
    padding:
        clamp(24px, 4vw, 40px);

    border:
        1px solid
        rgba(28, 83, 98, .11);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 30px 70px
        rgba(15, 62, 77, .06);
}

.ivu-contact-form label {
    display: block;

    margin-bottom: 18px;
}

.ivu-contact-form label > span {
    display: block;

    margin-bottom: 8px;

    color: #42616d;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .05em;
}

.ivu-form-two {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 14px;
}

.ivu-contact-form input,
.ivu-contact-form select,
.ivu-contact-form textarea {
    box-sizing: border-box;

    width: 100%;

    border:
        1px solid
        #d8e2e6;

    border-radius: 8px;

    background: #f9fbfc;

    color: #102c3d;

    font: inherit;
}

.ivu-contact-form input,
.ivu-contact-form select {
    height: 50px;

    padding:
        0 14px;
}

.ivu-contact-form textarea {
    min-height: 160px;

    padding: 14px;

    resize: vertical;
}

.ivu-contact-form input:focus,
.ivu-contact-form select:focus,
.ivu-contact-form textarea:focus {
    outline: none;

    border-color: #37b99e;

    box-shadow:
        0 0 0 3px
        rgba(55, 185, 158, .09);
}

.ivu-submit {
    min-height: 52px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 25px;

    padding:
        0 24px;

    border: 0;

    border-radius: 8px;

    color: #04181d;

    background:
        linear-gradient(
            135deg,
            #72edcf,
            #53d6df
        );

    font-size: 13px;
    font-weight: 900;

    cursor: pointer;
}

.ivu-success {
    margin-bottom: 20px;

    padding: 14px 16px;

    border-radius: 8px;

    color: #126c5a;

    background:
        rgba(68, 202, 167, .12);
}

.ivu-form-errors {
    margin-bottom: 20px;

    padding: 14px 16px;

    border-radius: 8px;

    color: #9a3f3f;

    background:
        rgba(200, 75, 75, .08);
}

.ivu-honeypot {
    position: absolute !important;

    left: -99999px !important;

    opacity: 0 !important;
}


/* FOOTER */

.ivu-page-footer {
    padding:
        55px 0;

    color:
        rgba(211, 234, 238, .60);

    background: #020d16;

    border-top:
        1px solid
        rgba(113, 211, 207, .08);
}

.ivu-footer-grid {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 40px;
}

.ivu-footer-brand {
    color: #f2fbfc;

    text-decoration: none;

    font-size: 20px;
    font-weight: 900;

    letter-spacing: .14em;
}

.ivu-page-footer p {
    margin:
        12px 0 0;

    font-size: 12px;
}

.ivu-page-footer nav {
    display: flex;
    flex-wrap: wrap;

    gap: 22px;
}

.ivu-page-footer nav a {
    color:
        rgba(222, 241, 243, .65);

    text-decoration: none;

    font-size: 12px;
    font-weight: 700;
}


/* MOBILE NAV */

@media (max-width: 900px) {

    .ivu-page-body .main-nav {
        display: none;
    }

    .ivu-page-body .main-nav.is-open {
        position: absolute;

        display: flex;

        left: 16px;
        right: 16px;
        top: calc(100% + 8px);

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        padding: 12px;

        border:
            1px solid
            rgba(114, 224, 211, .14);

        border-radius: 12px;

        background:
            rgba(3, 19, 31, .98);

        box-shadow:
            0 24px 50px
            rgba(0, 0, 0, .30);
    }

    .ivu-page-body .main-nav.is-open a {
        padding: 13px 12px;
    }

}


/* TABLET */

@media (max-width: 1100px) {

    .ivu-hero-grid {
        grid-template-columns: 1fr;
    }

    .ivu-illustration {
        width:
            min(
                100%,
                760px
            );

        margin:
            0 auto;
    }

    .ivu-three-grid,
    .ivu-business-page-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 700px) {

    .ivu-page-hero {
        padding:
            65px 0 55px;
    }

    .ivu-hero-grid {
        gap: 36px;
    }

    .ivu-hero-copy h1 {
        font-size:
            clamp(
                43px,
                12vw,
                60px
            );
    }

    .ivu-hero-copy > p {
        font-size: 16px;
    }

    .ivu-content-section {
        padding:
            65px 0;
    }

    .ivu-three-grid,
    .ivu-business-page-grid,
    .ivu-capability-grid,
    .ivu-market-grid,
    .ivu-split,
    .ivu-detail-grid,
    .ivu-contact-grid,
    .ivu-form-two {
        grid-template-columns: 1fr;
    }

    .ivu-feature-card,
    .ivu-business-tile {
        min-height: 0;
    }

    .ivu-footer-grid {
        flex-direction: column;
    }

    .ivu-page-footer nav {
        flex-direction: column;
        gap: 12px;
    }

}


/* =====================================================
   IVUREVURE_ILLUSTRATION_V2_20260818
   Premium inner-page visual system
   ===================================================== */


.ivu-visual-v2 {
    position: relative;

    width: 100%;
    max-width: 760px;

    margin: 0 auto;

    isolation: isolate;
}


.ivu-visual-v2::before {
    content: "";

    position: absolute;

    inset:
        7% 5% 3% 5%;

    z-index: -1;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(57, 225, 188, .18),
            rgba(42, 151, 204, .08) 45%,
            transparent 72%
        );

    filter:
        blur(38px);
}


.ivu-visual-v2 svg {
    display: block;

    width: 100%;
    height: auto;

    overflow: visible;
}


/* -----------------------------------------------
   COMMON VISUAL LANGUAGE
   ----------------------------------------------- */

.v2-horizon {
    fill: none;

    stroke:
        rgba(107, 222, 210, .10);

    stroke-width: 1.5;
}


.v2-horizon--soft {
    opacity: .55;
}


.v2-orbit {
    fill:
        rgba(19, 84, 93, .08);

    stroke:
        rgba(101, 229, 205, .24);

    stroke-width: 1.7;
}


.v2-orbit--inner {
    stroke:
        rgba(83, 199, 214, .22);
}


.v2-core-ring {
    fill:
        rgba(42, 190, 162, .07);

    stroke:
        rgba(102, 235, 207, .50);

    stroke-width: 2;
}


.v2-hotspot {
    fill: #61e6c2;

    stroke:
        rgba(229, 255, 248, .96);

    stroke-width: 3;

    filter:
        url(#v2SoftGlow);
}


.v2-route {
    fill: none;

    stroke:
        rgba(83, 220, 197, .46);

    stroke-width: 1.7;

    stroke-dasharray:
        7 8;
}


.v2-route--strong {
    stroke:
        url(#v2Accent);

    stroke-width: 2.5;
}


.v2-network-node {
    fill: #5de0bd;

    stroke:
        rgba(228, 255, 248, .95);

    stroke-width: 3;

    filter:
        url(#v2SoftGlow);
}


.v2-glass,
.v2-sector-card {
    fill:
        url(#v2Glass);

    stroke:
        rgba(107, 226, 214, .24);

    stroke-width: 1.5;
}


.v2-sector-card {
    filter:
        url(#v2Shadow);
}


.v2-title {
    fill: #effcfa;

    font-size: 17px;

    font-weight: 900;

    letter-spacing: 2px;
}


.v2-small,
.v2-card-sub {
    fill:
        rgba(177, 218, 224, .62);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;
}


.v2-card-label {
    fill:
        rgba(226, 248, 247, .85);

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 1.8px;
}


.v2-watermark {
    fill:
        rgba(112, 206, 211, .15);

    font-size: 18px;

    font-weight: 900;

    letter-spacing: 7px;
}


.v2-map-field {
    fill:
        rgba(13, 55, 68, .13);

    stroke:
        rgba(87, 209, 207, .08);

    stroke-width: 1;
}


/* ABOUT */

.v2-island-main {
    fill:
        rgba(94, 229, 193, .42);

    stroke: #75e9ca;

    stroke-width: 2;
}


.v2-island {
    fill:
        rgba(72, 179, 199, .30);

    stroke:
        rgba(105, 224, 210, .80);

    stroke-width: 1.5;
}


/* BUSINESS ICONS */

.v2-icon-fill {
    fill:
        rgba(94, 225, 195, .18);

    stroke:
        rgba(110, 235, 210, .75);

    stroke-width: 2;
}


.v2-icon-line {
    fill: none;

    stroke:
        rgba(111, 233, 211, .78);

    stroke-width: 4;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.v2-icon-wheel {
    fill: #061b2a;

    stroke: #72e6c8;

    stroke-width: 3;
}


.v2-leaf {
    fill:
        rgba(96, 225, 185, .22);

    stroke: #70e8c4;

    stroke-width: 2;
}


.v2-leaf-secondary {
    fill:
        rgba(70, 168, 219, .17);

    stroke: #62c8de;

    stroke-width: 2;
}


.v2-container {
    fill:
        rgba(49, 157, 181, .20);

    stroke:
        rgba(102, 222, 211, .72);

    stroke-width: 1.5;
}


.v2-bolt {
    fill:
        rgba(104, 232, 196, .24);

    stroke: #72e9c6;

    stroke-width: 2;
}


.v2-building {
    fill:
        rgba(57, 141, 172, .20);

    stroke:
        rgba(98, 215, 207, .62);

    stroke-width: 1.5;
}


/* CONTACT */

.v2-message-panel {
    fill:
        rgba(8, 43, 56, .88);

    stroke:
        rgba(102, 224, 213, .28);

    stroke-width: 1.6;
}


.v2-message-box {
    fill:
        rgba(20, 76, 88, .52);

    stroke:
        rgba(109, 215, 210, .16);

    stroke-width: 1;
}


.v2-line-bright {
    fill:
        rgba(116, 235, 211, .58);
}


.v2-line-soft {
    fill:
        rgba(167, 212, 222, .18);
}


.v2-submit-pill {
    fill:
        url(#v2Accent);
}


.v2-submit-text {
    fill: #04202a;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.3px;
}


/* MOBILITY */

.v2-road {
    fill: none;

    stroke:
        rgba(100, 216, 208, .20);

    stroke-width: 3;
}


.v2-road--soft {
    stroke:
        rgba(77, 157, 195, .12);
}


.v2-vehicle-body {
    fill:
        url(#v2Object);

    stroke:
        rgba(110, 235, 212, .75);

    stroke-width: 2.5;
}


.v2-window {
    fill:
        rgba(71, 164, 195, .23);

    stroke:
        rgba(99, 217, 219, .52);

    stroke-width: 1.5;
}


.v2-tyre,
.v2-tractor-wheel {
    fill: #03111c;

    stroke:
        rgba(93, 213, 203, .62);

    stroke-width: 4;
}


.v2-wheel-core {
    fill:
        rgba(86, 221, 196, .18);

    stroke: #63ddc0;

    stroke-width: 3;
}


.v2-headlight {
    stroke: #79efd2;

    stroke-width: 6;

    stroke-linecap: round;

    filter:
        url(#v2SoftGlow);
}


/* EQUIPMENT */

.v2-track {
    fill:
        rgba(5, 22, 31, .94);

    stroke:
        rgba(96, 210, 202, .53);

    stroke-width: 4;
}


.v2-machine-base,
.v2-cab {
    fill:
        url(#v2Object);

    stroke:
        rgba(109, 229, 211, .72);

    stroke-width: 2;
}


.v2-boom {
    fill: none;

    stroke:
        url(#v2Accent);

    stroke-width: 18;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.v2-bucket {
    fill:
        rgba(74, 202, 187, .20);

    stroke: #67dfc4;

    stroke-width: 3;
}


/* AGRICULTURE */

.v2-field-row {
    fill: none;

    stroke:
        rgba(84, 221, 183, .32);

    stroke-width: 4;
}


.v2-field-row--soft {
    opacity: .5;
}


/* PROJECTS */

.v2-building-large {
    fill:
        rgba(35, 113, 145, .24);

    stroke:
        rgba(95, 215, 207, .53);

    stroke-width: 2;
}


.v2-building-window {
    fill:
        rgba(105, 230, 209, .35);
}


.v2-crane {
    fill: none;

    stroke:
        url(#v2Accent);

    stroke-width: 5;

    stroke-linecap: round;
}


.v2-crane-cable {
    stroke:
        rgba(111, 226, 212, .50);

    stroke-width: 2;

    stroke-dasharray:
        6 6;
}


.v2-load {
    fill:
        rgba(76, 190, 185, .22);

    stroke: #63d9c5;

    stroke-width: 2;
}


/* POWER */

.v2-pump {
    fill:
        rgba(29, 110, 139, .32);

    stroke:
        #64d9d0;

    stroke-width: 4;
}


.v2-pump-inner {
    fill:
        rgba(79, 221, 196, .13);

    stroke:
        #70e9c6;

    stroke-width: 3;
}


.v2-pipe {
    fill: none;

    stroke:
        rgba(104, 221, 213, .72);

    stroke-width: 18;

    stroke-linecap: round;
}


.v2-generator {
    fill:
        url(#v2Object);

    stroke:
        rgba(110, 230, 210, .68);

    stroke-width: 2;
}


.v2-generator-panel {
    fill:
        rgba(6, 26, 39, .80);

    stroke:
        rgba(102, 216, 209, .30);

    stroke-width: 1.5;
}


/* EXPORT */

.v2-sea {
    fill: none;

    stroke:
        rgba(80, 196, 215, .28);

    stroke-width: 4;
}


.v2-ship {
    fill:
        url(#v2Object);

    stroke:
        rgba(107, 228, 213, .72);

    stroke-width: 2.5;
}


.v2-bridge {
    fill:
        rgba(40, 119, 145, .55);

    stroke:
        rgba(101, 219, 209, .55);

    stroke-width: 1.5;
}


/* -----------------------------------------------
   RESPONSIVE
   ----------------------------------------------- */

@media (max-width: 1100px) {

    .ivu-visual-v2 {
        max-width: 780px;
    }

}


@media (max-width: 700px) {

    .ivu-visual-v2 {
        max-width: none;

        margin-top: 6px;
    }


    .ivu-visual-v2 svg {
        width: 108%;

        margin-left: -4%;
    }


    .v2-watermark {
        font-size: 14px;

        letter-spacing: 4px;
    }

}