/* =========================================================
   VOSTOK LOGISTIKA
   BLOCK 4 / ROUTES
   ========================================================= */

.vlr,
.vlr *{
    box-sizing:border-box;
}

body.home .vlr{
    --mx:72%;
    --my:34%;

    position:relative;
    z-index:3;

    overflow:hidden;
    isolation:isolate;

    padding:104px 0 88px;

    font-family:'Montserrat',Arial,sans-serif;

    background:
        radial-gradient(
            circle at var(--mx) var(--my),
            rgba(88,195,217,.12),
            transparent 23%
        ),
        radial-gradient(
            circle at 16% 72%,
            rgba(23,107,135,.16),
            transparent 29%
        ),
        linear-gradient(
            132deg,
            #050E15 0%,
            #071722 38%,
            #0A202D 70%,
            #102D3B 100%
        );

    color:#fff;
}

body.home .vlr::before{
    content:"";

    position:absolute;
    z-index:-2;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size:58px 58px;

    -webkit-mask-image:
        linear-gradient(
            180deg,
            transparent,
            #000 15%,
            #000 84%,
            transparent
        );

    mask-image:
        linear-gradient(
            180deg,
            transparent,
            #000 15%,
            #000 84%,
            transparent
        );

    opacity:.72;
}

body.home .vlr::after{
    content:"";

    position:absolute;
    z-index:-1;

    width:720px;
    height:720px;

    right:-410px;
    top:-360px;

    border:
        1px solid
        rgba(88,195,217,.08);

    border-radius:50%;

    box-shadow:
        0 0 0 90px rgba(88,195,217,.015),
        0 0 0 180px rgba(88,195,217,.012);

    pointer-events:none;

    animation:
        vlrOrbit
        34s
        linear
        infinite;
}

body.home .vlr-shell{
    position:relative;
    z-index:4;

    width:min(1320px,calc(100% - 64px));
    margin:0 auto;
}


/* BACKGROUND */

body.home .vlr-bg,
body.home .vlr-grid{
    position:absolute;
    inset:0;

    pointer-events:none;
}

body.home .vlr-glow{
    position:absolute;

    border-radius:50%;
    filter:blur(20px);

    opacity:.55;

    pointer-events:none;
}

body.home .vlr-glow-a{
    width:390px;
    height:390px;

    left:-190px;
    top:38%;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.10),
            transparent 68%
        );

    animation:
        vlrFloatA
        12s
        ease-in-out
        infinite alternate;
}

body.home .vlr-glow-b{
    width:460px;
    height:460px;

    right:-210px;
    bottom:-190px;

    background:
        radial-gradient(
            circle,
            rgba(23,107,135,.13),
            transparent 68%
        );

    animation:
        vlrFloatB
        15s
        ease-in-out
        infinite alternate;
}


/* HEADER */

body.home .vlr-head{
    width:min(920px,100%);
    margin:0 auto;

    text-align:center;
}

body.home .vlr-kicker{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    margin-bottom:18px;

    color:
        rgba(205,230,237,.60);

    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.20em;
}

body.home .vlr-kicker i{
    width:6px;
    height:6px;

    border-radius:50%;

    background:#58C3D9;

    box-shadow:
        0 0 0 5px rgba(88,195,217,.08),
        0 0 20px rgba(88,195,217,.48);
}

body.home .vlr h2{
    margin:0 !important;

    color:#fff !important;

    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:clamp(42px,4.25vw,67px) !important;
    line-height:.99 !important;
    font-weight:760 !important;

    letter-spacing:-.055em !important;

    text-transform:none !important;

    text-shadow:
        0 4px 32px rgba(0,0,0,.22);
}

body.home .vlr h2 span{
    display:block;

    padding-bottom:.08em;

    background:
        linear-gradient(
            90deg,
            #45B9D1 0%,
            #8DECF6 42%,
            #58C3D9 72%,
            #45A8C0 100%
        );

    background-size:220% 100%;

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

    -webkit-text-fill-color:transparent;

    animation:
        vlrTitleLight
        8s
        ease-in-out
        infinite;
}

body.home .vlr-head>p{
    width:min(660px,100%);

    margin:22px auto 0 !important;

    color:
        rgba(217,235,241,.68) !important;

    font-size:13px !important;
    line-height:1.75 !important;
    font-weight:450 !important;
}


/* ROUTE STAGE */

body.home .vlr-route{
    position:relative;

    height:500px;

    margin-top:58px;

    border-top:
        1px solid
        rgba(141,236,246,.09);

    border-bottom:
        1px solid
        rgba(141,236,246,.08);

    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(88,195,217,.045),
            transparent 59%
        );
}

body.home .vlr-route-caption{
    position:absolute;
    z-index:8;

    left:0;
    right:0;
    top:22px;

    display:flex;
    align-items:center;

    gap:14px;

    color:
        rgba(197,224,231,.33);

    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.24em;
}

body.home .vlr-route-caption i{
    height:1px;
    flex:1;

    background:
        linear-gradient(
            90deg,
            rgba(88,195,217,.05),
            rgba(88,195,217,.18),
            rgba(88,195,217,.05)
        );
}

body.home .vlr-route-svg{
    position:absolute;
    z-index:2;

    left:0;
    top:42px;

    width:100%;
    height:410px;

    overflow:visible;

    pointer-events:none;
}

body.home .vlr-line-soft{
    fill:none;

    stroke:
        rgba(88,195,217,.06);

    stroke-width:13;
}

body.home .vlr-line{
    fill:none;

    stroke:
        rgba(121,218,235,.28);

    stroke-width:1.2;

    vector-effect:
        non-scaling-stroke;
}

body.home .vlr-line-energy{
    fill:none;

    stroke:url(#vlrGradient);
    stroke-width:1.25;

    stroke-dasharray:4 12;

    opacity:.64;

    vector-effect:
        non-scaling-stroke;

    animation:
        vlrDash
        8s
        linear
        infinite;
}

body.home .vlr-packet-halo{
    fill:
        rgba(88,195,217,.17);

    stroke:
        rgba(141,236,246,.18);

    stroke-width:1;
}

body.home .vlr-packet{
    fill:#8DECF6;

    filter:
        drop-shadow(
            0 0 6px
            rgba(141,236,246,.92)
        )
        drop-shadow(
            0 0 16px
            rgba(88,195,217,.70)
        );
}


/* STOPS */

body.home .vlr-stop{
    position:absolute;
    z-index:7;

    left:var(--x);
    top:var(--y);

    width:190px;

    transform:
        translate(-50%,-50%);

    color:#fff;

    text-align:left;
}

body.home .vlr-point{
    position:absolute;

    width:12px;
    height:12px;

    left:50%;
    top:0;

    border:
        2px solid
        rgba(141,236,246,.80);

    border-radius:50%;

    background:#071923;

    transform:
        translate(-50%,-50%);

    box-shadow:
        0 0 0 7px rgba(88,195,217,.045),
        0 0 24px rgba(88,195,217,.20);

    animation:
        vlrPointPulse
        11s
        ease-in-out
        infinite;

    animation-delay:
        var(--delay);
}

body.home .vlr-copy{
    position:absolute;

    width:190px;

    left:50%;

    transform:
        translateX(-50%);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        opacity .35s ease;
}

body.home .vlr-stop:nth-of-type(even) .vlr-copy{
    top:22px;
}

body.home .vlr-stop:nth-of-type(odd) .vlr-copy{
    bottom:20px;
}

body.home .vlr-number{
    display:block;

    margin-bottom:7px;

    color:
        rgba(141,236,246,.44);

    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.17em;
}

body.home .vlr-copy h3{
    margin:0 !important;

    color:#fff !important;

    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:18px !important;
    line-height:1.15 !important;
    font-weight:720 !important;

    letter-spacing:-.035em !important;
    text-transform:none !important;
}

body.home .vlr-copy strong{
    display:block;

    margin-top:6px;

    color:#78D7E8;

    font-size:10px;
    line-height:1.4;
    font-weight:650;
}

body.home .vlr-copy p{
    margin:7px 0 0 !important;

    color:
        rgba(218,235,240,.55) !important;

    font-size:9px !important;
    line-height:1.55 !important;
    font-weight:450 !important;
}


/* HOVER */

@media(hover:hover){

    body.home .vlr-stop:hover .vlr-point{
        background:#8DECF6;

        box-shadow:
            0 0 0 8px rgba(88,195,217,.07),
            0 0 34px rgba(88,195,217,.56);
    }

    body.home .vlr-stop:hover .vlr-copy{
        transform:
            translateX(-50%)
            translateY(-4px);
    }

    body.home .vlr-stop:hover .vlr-copy p{
        color:
            rgba(232,244,247,.82) !important;
    }
}


/* BOTTOM */

body.home .vlr-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:48px;

    margin-top:36px;
}

body.home .vlr-bottom>p{
    width:min(720px,100%);

    margin:0 !important;

    color:
        rgba(205,227,233,.48) !important;

    font-size:10px !important;
    line-height:1.65 !important;
    font-weight:450 !important;
}

body.home .vlr-cta{
    position:relative;

    width:225px;
    height:57px;

    flex:0 0 225px;

    padding:0 8px 0 23px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:999px;

    background:
        linear-gradient(
            110deg,
            #176B87,
            #1B7E9C
        );

    color:#fff !important;

    font-size:11px;
    line-height:1;
    font-weight:700;
    text-decoration:none !important;

    box-shadow:
        0 17px 40px rgba(0,0,0,.20),
        inset 0 1px rgba(255,255,255,.12);

    transition:
        transform .22s ease,
        box-shadow .25s ease;
}

body.home .vlr-cta::before{
    content:"";

    position:absolute;

    top:-80%;
    left:-34%;

    width:85px;
    height:180px;

    transform:rotate(28deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.24),
            transparent
        );

    animation:
        vlrButtonSweep
        4.8s
        ease-in-out
        infinite;
}

body.home .vlr-cta i{
    width:42px;
    height:42px;

    margin-left:auto;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        rgba(255,255,255,.12);

    transition:
        transform .3s ease,
        background .3s ease;
}

body.home .vlr-cta svg{
    width:17px;
    height:17px;

    fill:none;
    stroke:currentColor;

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

@media(hover:hover){

    body.home .vlr-cta:hover{
        transform:
            translateY(-2px);

        box-shadow:
            0 21px 48px rgba(0,0,0,.28),
            0 0 0 1px rgba(141,236,246,.09);
    }

    body.home .vlr-cta:hover i{
        transform:
            translateX(3px)
            rotate(-4deg);

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


/* ENTRY MOTION */

body.home .vlr.is-motion-ready .vlr-head{
    opacity:0;

    transform:
        translate3d(0,36px,0);
}

body.home .vlr.is-motion-ready .vlr-route{
    opacity:0;

    transform:
        translate3d(0,48px,0)
        scale(.985);
}

body.home .vlr.is-motion-ready .vlr-bottom{
    opacity:0;

    transform:
        translate3d(0,24px,0);
}

body.home .vlr.is-motion-ready .vlr-head,
body.home .vlr.is-motion-ready .vlr-route,
body.home .vlr.is-motion-ready .vlr-bottom{
    transition:
        opacity .8s ease,
        transform 1s cubic-bezier(.16,1,.3,1);
}

body.home .vlr.is-motion-ready.is-inview .vlr-head,
body.home .vlr.is-motion-ready.is-inview .vlr-route,
body.home .vlr.is-motion-ready.is-inview .vlr-bottom{
    opacity:1;
    transform:none;
}

body.home .vlr.is-motion-ready.is-inview .vlr-route{
    transition-delay:.10s;
}

body.home .vlr.is-motion-ready.is-inview .vlr-bottom{
    transition-delay:.18s;
}


/* ANIMATIONS */

@keyframes vlrTitleLight{

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

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

@keyframes vlrDash{
    to{
        stroke-dashoffset:-96;
    }
}

@keyframes vlrPointPulse{

    0%,76%,100%{
        background:#071923;

        box-shadow:
            0 0 0 7px rgba(88,195,217,.045),
            0 0 24px rgba(88,195,217,.20);
    }

    83%{
        background:#8DECF6;

        box-shadow:
            0 0 0 9px rgba(88,195,217,.08),
            0 0 38px rgba(88,195,217,.58);
    }
}

@keyframes vlrOrbit{
    to{
        transform:rotate(360deg);
    }
}

@keyframes vlrFloatA{
    from{
        transform:
            translate3d(-20px,-8px,0)
            scale(.96);
    }

    to{
        transform:
            translate3d(24px,18px,0)
            scale(1.05);
    }
}

@keyframes vlrFloatB{
    from{
        transform:
            translate3d(18px,12px,0)
            scale(1.03);
    }

    to{
        transform:
            translate3d(-22px,-14px,0)
            scale(.95);
    }
}

@keyframes vlrButtonSweep{

    0%,64%{
        left:-34%;
    }

    78%,100%{
        left:130%;
    }
}


/* TABLET */

@media(max-width:980px){

    body.home .vlr{
        padding:
            82px 0 72px;
    }

    body.home .vlr-shell{
        width:
            min(
                100% - 40px,
                900px
            );
    }

    body.home .vlr-route{
        height:620px;
    }

    body.home .vlr-route-svg{
        height:520px;
    }

    body.home .vlr-stop{
        width:160px;
    }

    body.home .vlr-copy{
        width:160px;
    }

    body.home .vlr-copy h3{
        font-size:16px !important;
    }

    body.home .vlr-copy p{
        font-size:8px !important;
    }
}


/* MOBILE */

@media(max-width:700px){

    body.home .vlr{
        padding:
            68px 0 58px;
    }

    body.home .vlr-shell{
        width:
            calc(100% - 28px);
    }

    body.home .vlr h2{
        font-size:36px !important;
    }

    body.home .vlr-head>p{
        font-size:11px !important;
        line-height:1.65 !important;
    }

    body.home .vlr-route{
        height:auto;

        margin-top:42px;

        padding:
            32px 0 18px;
    }

    body.home .vlr-route-caption,
    body.home .vlr-route-svg{
        display:none;
    }

    body.home .vlr-stop{
        position:relative;

        left:auto !important;
        top:auto !important;

        width:100%;

        margin:0;

        padding:
            0 0 28px 36px;

        transform:none;

        border-left:
            1px solid
            rgba(88,195,217,.16);
    }

    body.home .vlr-stop:last-of-type{
        border-left-color:
            transparent;
    }

    body.home .vlr-point{
        left:-1px;
        top:2px;
    }

    body.home .vlr-copy,
    body.home .vlr-stop:nth-of-type(even) .vlr-copy,
    body.home .vlr-stop:nth-of-type(odd) .vlr-copy{
        position:relative;

        top:auto;
        bottom:auto;
        left:auto;

        width:100%;

        transform:none;
    }

    body.home .vlr-copy h3{
        font-size:18px !important;
    }

    body.home .vlr-copy p{
        max-width:330px;

        font-size:10px !important;
    }

    body.home .vlr-bottom{
        display:block;

        margin-top:28px;
    }

    body.home .vlr-bottom>p{
        font-size:9px !important;
    }

    body.home .vlr-cta{
        width:100%;

        margin-top:20px;
    }
}


@media(prefers-reduced-motion:reduce){

    body.home .vlr *,
    body.home .vlr::after{
        animation:none !important;
        transition:none !important;
    }

    body.home .vlr.is-motion-ready .vlr-head,
    body.home .vlr.is-motion-ready .vlr-route,
    body.home .vlr.is-motion-ready .vlr-bottom{
        opacity:1 !important;
        transform:none !important;
    }
}


/* BLOCK 4 FIX 01 - TOP SPACING */

body.home .vlr{
    padding-top:54px !important;
}

@media(max-width:980px){
    body.home .vlr{
        padding-top:48px !important;
    }
}

@media(max-width:700px){
    body.home .vlr{
        padding-top:42px !important;
    }
}


/* BLOCK 4 FIX 02 - COMPACT HEIGHT */

body.home .vlr{
    padding-bottom:54px !important;
}

body.home .vlr-head>p{
    margin-top:16px !important;
}

body.home .vlr-route{
    height:410px !important;
    margin-top:34px !important;
}

body.home .vlr-route-caption{
    top:14px !important;
}

body.home .vlr-route-svg{
    top:26px !important;
    height:340px !important;
}

body.home .vlr-bottom{
    margin-top:24px !important;
}

@media(max-width:980px){
    body.home .vlr{
        padding-bottom:48px !important;
    }

    body.home .vlr-route{
        height:470px !important;
        margin-top:30px !important;
    }

    body.home .vlr-route-svg{
        height:400px !important;
    }
}

@media(max-width:700px){
    body.home .vlr{
        padding-bottom:42px !important;
    }

    body.home .vlr-route{
        margin-top:30px !important;
    }

    body.home .vlr-bottom{
        margin-top:22px !important;
    }
}


/* BLOCK 4 FIX 04 - POINTS EXACTLY ON ROUTE */

/* начало линии */
body.home .vlr-stop-1{
    --x:5% !important;
    --y:50.7% !important;
}

/* первая верхняя вершина */
body.home .vlr-stop-2{
    --x:27.5% !important;
    --y:26.6% !important;
}

/* центральная нижняя точка */
body.home .vlr-stop-3{
    --x:50% !important;
    --y:74.8% !important;
}

/* вторая верхняя вершина */
body.home .vlr-stop-4{
    --x:72.5% !important;
    --y:26.6% !important;
}

/* конец линии */
body.home .vlr-stop-5{
    --x:95% !important;
    --y:50.7% !important;
}


/* BLOCK 4 FIX 05 - REMOVE NUMBERS */

body.home .vlr-number{
    display:none !important;
}


/* BLOCK 4 FIX 06 - ROUTE TEXT SIZE */

body.home .vlr-copy{
    width:220px !important;
}

body.home .vlr-copy h3{
    font-size:22px !important;
    line-height:1.12 !important;
    font-weight:760 !important;
    letter-spacing:-.04em !important;
}

body.home .vlr-copy strong{
    margin-top:7px !important;

    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:680 !important;
}

body.home .vlr-copy p{
    margin-top:8px !important;

    font-size:11px !important;
    line-height:1.55 !important;
    font-weight:460 !important;

    color:rgba(225,239,243,.68) !important;
}

@media(max-width:980px){

    body.home .vlr-copy{
        width:190px !important;
    }

    body.home .vlr-copy h3{
        font-size:19px !important;
    }

    body.home .vlr-copy strong{
        font-size:11px !important;
    }

    body.home .vlr-copy p{
        font-size:10px !important;
    }
}

@media(max-width:700px){

    body.home .vlr-copy{
        width:100% !important;
    }

    body.home .vlr-copy h3{
        font-size:20px !important;
    }

    body.home .vlr-copy strong{
        font-size:11px !important;
    }

    body.home .vlr-copy p{
        font-size:10px !important;
        line-height:1.6 !important;
    }
}


/* =========================================================
   BLOCK 4 FIX 07 - TEXTS INSIDE ROUTE POCKETS
   ========================================================= */


/* ОБЩАЯ ГЕОМЕТРИЯ */

body.home .vlr-stop .vlr-copy{
    width:220px !important;

    top:auto !important;
    bottom:auto !important;

    opacity:1 !important;
}


/* 1. АВТО - НАД НАЧАЛОМ ЛИНИИ */

body.home .vlr-stop-1 .vlr-copy{
    left:0 !important;

    bottom:28px !important;

    transform:none !important;

    text-align:left !important;
}


/* 2. Ж/Д - ПОД ПЕРВОЙ ВЕРХНЕЙ ДУГОЙ */

body.home .vlr-stop-2 .vlr-copy{
    left:50% !important;

    top:28px !important;

    transform:
        translateX(-50%) !important;

    text-align:left !important;
}


/* 3. АВИА - В ЦЕНТРАЛЬНОЙ НИЖНЕЙ ЧАШЕ */

body.home .vlr-stop-3 .vlr-copy{
    left:50% !important;

    bottom:30px !important;

    transform:
        translateX(-50%) !important;

    text-align:left !important;
}


/* 4. МОРЕ - ПОД ВТОРОЙ ВЕРХНЕЙ ДУГОЙ */

body.home .vlr-stop-4 .vlr-copy{
    left:50% !important;

    top:28px !important;

    transform:
        translateX(-50%) !important;

    text-align:left !important;
}


/* 5. МУЛЬТИМОДАЛЬНАЯ - НАД КОНЦОМ ЛИНИИ */

body.home .vlr-stop-5 .vlr-copy{
    left:auto !important;
    right:0 !important;

    bottom:28px !important;

    transform:none !important;

    text-align:left !important;
}


/* НЕ ДАЁМ ТЕКСТАМ ПЕРЕСЕКАТЬ ЛИНИЮ */

body.home .vlr-copy{
    padding:0 !important;

    background:none !important;

    pointer-events:auto;
}


/* МЯГКОЕ ПОДСВЕЧИВАНИЕ ТЕКСТА ПРИ HOVER */

@media(hover:hover){

    body.home .vlr-stop:hover .vlr-copy{
        transform:
            translateX(-50%)
            translateY(-3px) !important;
    }

    body.home .vlr-stop-1:hover .vlr-copy,
    body.home .vlr-stop-5:hover .vlr-copy{
        transform:
            translateY(-3px) !important;
    }
}


/* TABLET */

@media(max-width:980px){

    body.home .vlr-stop .vlr-copy{
        width:190px !important;
    }
}


/* MOBILE ОСТАВЛЯЕМ ВЕРТИКАЛЬНУЮ СХЕМУ */

@media(max-width:700px){

    body.home .vlr-stop .vlr-copy,
    body.home .vlr-stop-1 .vlr-copy,
    body.home .vlr-stop-2 .vlr-copy,
    body.home .vlr-stop-3 .vlr-copy,
    body.home .vlr-stop-4 .vlr-copy,
    body.home .vlr-stop-5 .vlr-copy{

        position:relative !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        width:100% !important;

        transform:none !important;

        text-align:left !important;
    }
}


/* =========================================================
   BLOCK 4 - TRANSPORT ANIMATION
   ========================================================= */

/* старый диод отключаем */
body.home .vlr-packet,
body.home .vlr-packet-halo{
    display:none !important;
}

/* слой транспорта поверх линии */
body.home .vlr-transport-layer{
    position:absolute;
    inset:42px 0 0 0;
    z-index:6;
    width:100%;
    height:410px;
    pointer-events:none;
    overflow:visible;
}

body.home .vlr-transport-svg{
    width:100%;
    height:100%;
    overflow:visible;
}

/* общая геометрия иконок */
body.home .vlr-transport-icon{
    opacity:0;
    transform-origin:center center;
    transition:opacity .18s ease;
}

body.home .vlr-transport-icon.is-active{
    opacity:1;
}

body.home .vlr-transport-icon .vlr-t-shadow{
    fill:rgba(88,195,217,.12);
    filter:blur(6px);
}

body.home .vlr-transport-icon .vlr-t-body{
    fill:rgba(8,25,35,.92);
    stroke:#8DECF6;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(0 0 5px rgba(141,236,246,.42))
        drop-shadow(0 0 14px rgba(88,195,217,.26));
}

body.home .vlr-transport-icon .vlr-t-line{
    fill:none;
    stroke:#CFF9FF;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

body.home .vlr-transport-icon .vlr-t-fill{
    fill:#58C3D9;
    opacity:.95;
}

body.home .vlr-transport-icon .vlr-t-fill-soft{
    fill:rgba(88,195,217,.42);
}

body.home .vlr-transport-icon .vlr-t-window{
    fill:rgba(141,236,246,.24);
    stroke:rgba(141,236,246,.74);
    stroke-width:1;
}

body.home .vlr-transport-icon .vlr-t-wheel{
    fill:#091822;
    stroke:#8DECF6;
    stroke-width:1.4;
}

body.home .vlr-transport-icon .vlr-t-accent{
    fill:#8DECF6;
}

/* активная точка */
body.home .vlr-stop.is-transport-active .vlr-point{
    background:#8DECF6 !important;
    box-shadow:
        0 0 0 10px rgba(88,195,217,.10),
        0 0 34px rgba(88,195,217,.58) !important;
}

/* чуть живее линия во время анимации */
body.home .vlr-route.is-transport-live .vlr-line-energy{
    opacity:.92 !important;
    stroke-dasharray:5 10 !important;
}

/* планшет / мобильный */
@media(max-width:980px){
    body.home .vlr-transport-layer{
        height:400px;
    }
}

@media(max-width:700px){
    body.home .vlr-transport-layer{
        display:none !important;
    }
}


/* =========================================================
   TRANSPORT GROUNDING FIX
   ========================================================= */

/* убираем искусственную тень, создававшую эффект зависания */
body.home .vlr-transport-icon .vlr-t-shadow{
    display:none !important;
}


/* BLOCK 4 - BOTTOM NOTE */

@media(min-width:981px){

    body.home .vlr-bottom>p{
        width:auto !important;
        max-width:none !important;
        flex:1 1 auto !important;

        font-size:12px !important;
        line-height:1.5 !important;

        white-space:nowrap !important;
    }

}

@media(max-width:980px){

    body.home .vlr-bottom>p{
        white-space:normal !important;
    }

}