:root{
    --vl-blue:#176B87;
    --vl-blue-dark:#10576F;
    --vl-dark:#0B1620;
    --vl-muted:#8B949A;
}


/* MONTSERRAT НА ВСЁМ САЙТЕ */

html body,
html body p,
html body a,
html body button,
html body input,
html body textarea,
html body select,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .tp-caption,
html body .tp-caption *{
    font-family:'Montserrat',Arial,sans-serif !important;
}


/* СТАРАЯ ШАПКА BRIDGE */

header.page_header{
    display:none !important;
}


/* МЕСТО ПОД FIXED HEADER */

.wrapper{
    padding-top:94px !important;
}


/* =====================================================
   HEADER
   ===================================================== */

.vlx-header{
    position:fixed !important;
    z-index:999999 !important;

    top:0;
    left:0;
    right:0;

    width:100%;

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

    border-bottom:1px solid rgba(11,22,32,.07);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

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


.vlx-header.is-scrolled{
    background:rgba(255,255,255,.985);

    box-shadow:
        0 9px 35px rgba(11,22,32,.08);
}


/* КОНТЕЙНЕР КАК У ВОСТОК ТЕХНИКА */

.vlx-shell,
.vlx-header.is-scrolled .vlx-shell{
    width:min(1240px,calc(100% - 40px)) !important;

    height:94px !important;

    margin:0 auto !important;

    display:flex !important;
    align-items:center !important;

    gap:0 !important;
}


/* =====================================================
   ЛОГОТИП
   ===================================================== */

.vlx-brand,
.vlx-header.is-scrolled .vlx-brand{
    width:285px !important;
    min-width:285px !important;
    max-width:285px !important;

    height:78px !important;

    margin-left:22px !important;
    margin-right:0 !important;

    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    text-decoration:none !important;

    overflow:visible !important;
}


.vlx-logo-image,
.vlx-header.is-scrolled .vlx-logo-image{
    display:block !important;

    width:275px !important;
    max-width:275px !important;
    height:auto !important;
    max-height:59px !important;

    margin:0 !important;

    object-fit:contain !important;
    object-position:left center !important;
}


/* ПОДПИСЬ ОДНОЙ СТРОКОЙ */

.vlx-brand-tagline{
    display:block !important;

    width:275px !important;

    margin:2px 0 0 !important;
    padding:0 !important;

    color:#969DA2 !important;

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

    font-size:9px !important;
    line-height:11px !important;

    font-weight:500 !important;

    letter-spacing:.055em !important;

    text-align:center !important;

    white-space:nowrap !important;
}


/* =====================================================
   МЕНЮ
   ===================================================== */

.vlx-nav,
.vlx-header.is-scrolled .vlx-nav{
    margin-left:16px !important;
    margin-right:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:27px !important;

    flex-shrink:0 !important;
}


.vlx-nav a,
.vlx-header.is-scrolled .vlx-nav a{
    position:relative !important;

    padding:37px 0 36px !important;

    color:#333C42 !important;

    font-size:13px !important;
    line-height:20px !important;

    font-weight:600 !important;

    letter-spacing:-.015em !important;

    text-decoration:none !important;

    white-space:nowrap !important;
}


.vlx-nav a::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:25px;

    width:0;
    height:2px;

    transform:translateX(-50%);

    border-radius:999px;

    background:var(--vl-blue);

    transition:width .2s ease;
}


.vlx-nav a:hover,
.vlx-nav a.is-active{
    color:var(--vl-blue) !important;
}


.vlx-nav a:hover::after,
.vlx-nav a.is-active::after{
    width:20px;
}


/* =====================================================
   НОМЕР + ИКОНКИ + КНОПКА
   ===================================================== */

.vlx-contact{
    margin-left:auto !important;

    display:flex !important;
    align-items:center !important;

    gap:9px !important;

    flex-shrink:0 !important;
}


/* НОМЕР */

.vlx-phone{
    margin:0 7px 0 0 !important;

    color:#0B1620 !important;

    font-size:16px !important;
    line-height:42px !important;

    font-weight:750 !important;

    letter-spacing:-.035em !important;

    white-space:nowrap !important;

    text-decoration:none !important;

    grid-column:auto !important;
    grid-row:auto !important;
}


/* WHATSAPP / TELEGRAM */

.vlx-socials{
    margin:0 7px 0 0 !important;

    display:flex !important;
    align-items:center !important;

    gap:7px !important;

    grid-column:auto !important;
    grid-row:auto !important;
}


.vlx-social,
.vlx-social:first-child,
.vlx-social:nth-child(2){
    width:40px !important;
    height:40px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#17232B !important;

    background:#fff !important;

    border:1px solid #DEE5E9 !important;

    border-radius:50% !important;

    box-shadow:
        0 3px 12px rgba(11,22,32,.045) !important;

    text-decoration:none !important;

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


.vlx-social svg{
    width:18px !important;
    height:18px !important;

    fill:currentColor !important;
}


.vlx-social:hover{
    color:#fff !important;

    background:var(--vl-blue) !important;

    border-color:var(--vl-blue) !important;

    transform:translateY(-2px) !important;
}


/* =====================================================
   КНОПКА
   ВОЗВРАЩАЕМ ПРЕЖНИЙ ВИЗУАЛ
   ===================================================== */

.vlx-cta{
    height:52px !important;

    margin:0 !important;

    padding:0 8px 0 21px !important;

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

    gap:17px !important;

    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #176B87 0%,
            #12627D 100%
        ) !important;

    border:0 !important;
    border-radius:11px !important;

    box-shadow:
        0 7px 20px rgba(23,107,135,.17) !important;

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

    font-weight:700 !important;

    white-space:nowrap !important;

    text-decoration:none !important;

    grid-column:auto !important;
    grid-row:auto !important;
}


.vlx-cta i{
    width:36px !important;
    height:36px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:8px !important;

    background:rgba(255,255,255,.15) !important;
}


.vlx-cta i svg{
    width:17px !important;
    height:17px !important;

    fill:none !important;

    stroke:#fff !important;
    stroke-width:1.6 !important;

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


.vlx-cta:hover{
    color:#fff !important;

    background:#10576F !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 10px 25px rgba(23,107,135,.22) !important;
}


/* =====================================================
   СРЕДНИЕ ЭКРАНЫ
   ===================================================== */

@media(max-width:1350px){

    .vlx-shell,
    .vlx-header.is-scrolled .vlx-shell{
        width:calc(100% - 30px) !important;
    }

    .vlx-brand,
    .vlx-header.is-scrolled .vlx-brand{
        width:240px !important;
        min-width:240px !important;
        max-width:240px !important;

        margin-left:8px !important;
    }

    .vlx-logo-image,
    .vlx-header.is-scrolled .vlx-logo-image{
        width:230px !important;
        max-width:230px !important;
    }

    .vlx-brand-tagline{
        width:230px !important;
        font-size:7.8px !important;
    }

    .vlx-nav,
    .vlx-header.is-scrolled .vlx-nav{
        margin-left:15px !important;
        gap:19px !important;
    }

    .vlx-nav a,
    .vlx-header.is-scrolled .vlx-nav a{
        font-size:12px !important;
    }

    .vlx-phone{
        font-size:14px !important;
    }

}


/* =====================================================
   MOBILE
   ===================================================== */

.vlx-menu-button,
.vlx-mobile-panel{
    display:none;
}



/* MOBILE RULES MOVED TO mobile.css */



/* ==========================================================
   PREMIUM HEADER INTERACTIONS V1
   ========================================================== */


/* --------------------------
   NAVIGATION
   -------------------------- */

.vlx-nav a,
.vlx-header.is-scrolled .vlx-nav a{
    isolation:isolate !important;

    border-radius:10px !important;

    transition:
        color .35s cubic-bezier(.2,.7,.2,1),
        transform .35s cubic-bezier(.2,.7,.2,1) !important;
}


/* УБИРАЕМ СТАРУЮ ПОЛОСКУ */

.vlx-nav a::after,
.vlx-header.is-scrolled .vlx-nav a::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    bottom:21px !important;

    width:4px !important;
    height:4px !important;

    margin:0 !important;

    border-radius:50% !important;

    background:#176B87 !important;

    opacity:0 !important;

    transform:
        translateX(-50%)
        translateY(5px)
        scale(.5) !important;

    box-shadow:
        0 0 0 0 rgba(23,107,135,0) !important;

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


/* СТЕКЛЯННОЕ СВЕЧЕНИЕ */

.vlx-nav a::before{
    content:"" !important;

    position:absolute !important;

    z-index:-1 !important;

    left:-14px !important;
    right:-14px !important;

    top:22px !important;
    bottom:21px !important;

    border-radius:11px !important;

    background:
        radial-gradient(
            100px circle at var(--nav-x,50%) var(--nav-y,50%),
            rgba(88,195,217,.13),
            rgba(23,107,135,.055) 38%,
            transparent 72%
        ) !important;

    border:1px solid rgba(23,107,135,.08) !important;

    opacity:0 !important;

    transform:
        translateY(3px)
        scale(.965) !important;

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


.vlx-nav a:hover{
    color:#0E607A !important;

    transform:translateY(-1px) !important;
}


.vlx-nav a:hover::before{
    opacity:1 !important;

    transform:
        translateY(0)
        scale(1) !important;
}


.vlx-nav a:hover::after,
.vlx-nav a.is-active::after{
    opacity:1 !important;

    transform:
        translateX(-50%)
        translateY(0)
        scale(1) !important;

    box-shadow:
        0 0 12px rgba(23,107,135,.38) !important;
}


.vlx-nav a.is-active{
    color:#0F5F79 !important;
}


/* --------------------------
   SOCIAL ICONS
   -------------------------- */

.vlx-social,
.vlx-social:first-child,
.vlx-social:nth-child(2){
    position:relative !important;

    isolation:isolate !important;

    overflow:hidden !important;

    color:#17232B !important;

    background:
        rgba(255,255,255,.82) !important;

    border:
        1px solid rgba(11,22,32,.105) !important;

    box-shadow:
        0 3px 14px rgba(11,22,32,.035) !important;

    transform:none !important;

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        color .35s ease,
        background .35s ease !important;
}


.vlx-social::before{
    content:"" !important;

    position:absolute !important;

    z-index:-1 !important;

    inset:-1px !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            40px circle at var(--mx,50%) var(--my,50%),
            rgba(88,195,217,.28),
            rgba(23,107,135,.08) 48%,
            transparent 72%
        ) !important;

    opacity:0 !important;

    transition:opacity .3s ease !important;
}


.vlx-social::after{
    content:"" !important;

    position:absolute !important;

    inset:3px !important;

    z-index:-1 !important;

    border-radius:50% !important;

    background:rgba(255,255,255,.91) !important;

    opacity:0 !important;

    transition:opacity .3s ease !important;
}


.vlx-social:hover{
    color:#176B87 !important;

    background:
        rgba(255,255,255,.92) !important;

    border-color:
        rgba(23,107,135,.26) !important;

    box-shadow:
        0 8px 28px rgba(23,107,135,.11),
        0 0 0 4px rgba(23,107,135,.035) !important;

    transform:none !important;
}


.vlx-social:hover::before,
.vlx-social:hover::after{
    opacity:1 !important;
}


.vlx-social svg{
    position:relative !important;

    z-index:2 !important;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        color .35s ease !important;
}


.vlx-social:hover svg{
    transform:translateY(-1px) !important;
}


.vlx-social:active{
    transform:none !important;
}


/* --------------------------
   PREMIUM CTA
   -------------------------- */

.vlx-cta{
    position:relative !important;

    isolation:isolate !important;

    overflow:hidden !important;

    background:
        linear-gradient(
            110deg,
            #176B87 0%,
            #176B87 42%,
            #135F79 100%
        ) !important;

    box-shadow:
        0 8px 24px rgba(23,107,135,.14),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    transform:
        translate3d(
            var(--mag-x,0),
            var(--mag-y,0),
            0
        ) !important;

    transition:
        box-shadow .4s cubic-bezier(.2,.8,.2,1),
        background .4s ease,
        transform .18s ease-out !important;
}


/* ДИНАМИЧЕСКОЕ СВЕЧЕНИЕ ПОД КУРСОРОМ */

.vlx-cta::before{
    content:"" !important;

    position:absolute !important;

    z-index:-1 !important;

    inset:0 !important;

    border-radius:inherit !important;

    background:
        radial-gradient(
            150px circle at var(--mx,50%) var(--my,50%),
            rgba(115,220,239,.28),
            rgba(88,195,217,.10) 38%,
            transparent 70%
        ) !important;

    opacity:0 !important;

    transition:opacity .35s ease !important;
}


/* ОЧЕНЬ МЯГКИЙ БЛИК */

.vlx-cta::after{
    content:"" !important;

    position:absolute !important;

    z-index:1 !important;

    top:-80% !important;
    bottom:-80% !important;

    left:-34% !important;

    width:22% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.22),
            transparent
        ) !important;

    transform:
        skewX(-18deg)
        translateX(-240%) !important;

    opacity:0 !important;

    pointer-events:none !important;
}


.vlx-cta:hover{
    background:
        linear-gradient(
            110deg,
            #176B87 0%,
            #176B87 30%,
            #115C75 100%
        ) !important;

    box-shadow:
        0 13px 34px rgba(23,107,135,.20),
        0 0 0 1px rgba(88,195,217,.10),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}


.vlx-cta:hover::before{
    opacity:1 !important;
}


.vlx-cta:hover::after{
    opacity:1 !important;

    animation:
        vlx-premium-sheen
        1.15s
        cubic-bezier(.2,.7,.2,1)
        forwards !important;
}


.vlx-cta > span{
    position:relative !important;

    z-index:3 !important;
}


.vlx-cta i{
    position:relative !important;

    z-index:3 !important;

    overflow:hidden !important;

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

    border:
        1px solid rgba(255,255,255,.08) !important;

    transition:
        background .35s ease,
        transform .4s cubic-bezier(.2,.8,.2,1) !important;
}


.vlx-cta:hover i{
    background:
        rgba(255,255,255,.19) !important;

    transform:translate(1px,-1px) !important;
}


.vlx-cta i svg{
    transition:
        transform .45s cubic-bezier(.2,.8,.2,1) !important;
}


.vlx-cta:hover i svg{
    transform:
        translate(1px,-1px) !important;
}


.vlx-cta:active{
    transform:
        translate3d(
            var(--mag-x,0),
            var(--mag-y,0),
            0
        ) !important;
}


/* --------------------------
   KEYFRAMES
   -------------------------- */

@keyframes vlx-premium-sheen{

    0%{
        transform:
            skewX(-18deg)
            translateX(-240%);
    }

    100%{
        transform:
            skewX(-18deg)
            translateX(720%);
    }

}


/* --------------------------
   REDUCED MOTION
   -------------------------- */

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

    .vlx-nav a,
    .vlx-nav a::before,
    .vlx-nav a::after,
    .vlx-social,
    .vlx-social::before,
    .vlx-social::after,
    .vlx-social svg,
    .vlx-cta,
    .vlx-cta::before,
    .vlx-cta::after,
    .vlx-cta i,
    .vlx-cta i svg{
        animation:none !important;

        transition:none !important;

        transform:none !important;
    }

}


/* =========================================================
   PREMIUM NAV V2
   без точек, без старых hover-эффектов
   ========================================================= */


/* MENU ITEM */

.vlx-nav a,
.vlx-header.is-scrolled .vlx-nav a{
    position:relative !important;

    isolation:isolate !important;

    overflow:visible !important;

    border-radius:12px !important;

    color:#333C42 !important;

    transform:none !important;

    transition:
        color .32s cubic-bezier(.2,.75,.25,1),
        text-shadow .32s ease !important;
}


/* МЯГКАЯ СВЕТОВАЯ ЗОНА */

.vlx-nav a::before{
    content:"" !important;

    position:absolute !important;

    z-index:-1 !important;

    left:-16px !important;
    right:-16px !important;

    top:22px !important;
    bottom:20px !important;

    border-radius:12px !important;

    border:
        1px solid rgba(23,107,135,0) !important;

    background:
        radial-gradient(
            85px circle at var(--nav-x,50%) var(--nav-y,50%),
            rgba(88,195,217,.16) 0%,
            rgba(23,107,135,.07) 38%,
            rgba(255,255,255,0) 75%
        ) !important;

    opacity:0 !important;

    transform:
        scale(.96)
        translateY(2px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45) !important;

    transition:
        opacity .32s ease,
        transform .38s cubic-bezier(.2,.8,.2,1),
        border-color .32s ease !important;
}


/* ВМЕСТО ТОЧКИ: СВЕТОВОЙ ТРЕК */

.vlx-nav a::after,
.vlx-header.is-scrolled .vlx-nav a::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    bottom:19px !important;

    width:32px !important;
    height:2px !important;

    margin:0 !important;

    border-radius:999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(88,195,217,0),
            #58C3D9 36%,
            #176B87 64%,
            rgba(23,107,135,0)
        ) !important;

    opacity:0 !important;

    transform:
        translateX(-50%)
        scaleX(.15) !important;

    box-shadow:
        0 0 12px rgba(88,195,217,.0) !important;

    transform-origin:center !important;

    transition:
        opacity .3s ease,
        transform .42s cubic-bezier(.15,.8,.2,1),
        box-shadow .42s ease !important;
}


/* HOVER */

.vlx-nav a:hover{
    color:#145F78 !important;

    text-shadow:
        0 0 18px rgba(23,107,135,.07) !important;

    transform:none !important;
}


.vlx-nav a:hover::before{
    opacity:1 !important;

    transform:
        scale(1)
        translateY(0) !important;

    border-color:
        rgba(23,107,135,.07) !important;
}


.vlx-nav a:hover::after{
    opacity:1 !important;

    transform:
        translateX(-50%)
        scaleX(1) !important;

    box-shadow:
        0 0 13px rgba(88,195,217,.35) !important;
}


/* АКТИВНЫЙ ПУНКТ */

.vlx-nav a.is-active{
    color:#145F78 !important;
}


.vlx-nav a.is-active::after{
    opacity:.85 !important;

    transform:
        translateX(-50%)
        scaleX(.72) !important;

    box-shadow:
        0 0 10px rgba(88,195,217,.22) !important;
}


/* ПРИ СКРОЛЛЕ */

.vlx-header.is-scrolled .vlx-nav a::after{
    bottom:17px !important;
}


/* =========================================================
   CTA ARROW
   СНОВА ИДЕАЛЬНЫЙ КРУГ
   ========================================================= */

.vlx-cta i,
.vlx-header .vlx-cta i{
    width:36px !important;
    min-width:36px !important;

    height:36px !important;
    min-height:36px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:
        rgba(255,255,255,.14) !important;

    border:
        1px solid rgba(255,255,255,.11) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transform:none !important;

    transition:
        background .32s ease,
        border-color .32s ease,
        box-shadow .32s ease !important;
}


.vlx-cta:hover i{
    border-radius:50% !important;

    background:
        rgba(255,255,255,.20) !important;

    border-color:
        rgba(255,255,255,.18) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 0 17px rgba(88,195,217,.12) !important;

    transform:none !important;
}


.vlx-cta i svg{
    transform:none !important;

    transition:
        transform .38s cubic-bezier(.2,.8,.2,1) !important;
}


.vlx-cta:hover i svg{
    transform:
        translate(1.5px,-1.5px) !important;
}


.vlx-cta:active,
.vlx-nav a:active,
.vlx-social:active{
    transform:none !important;
}


/* === CTA FINAL SHAPE === */

html body .vlx-header .vlx-cta,
html body .vlx-header .vlx-cta:hover,
html body .vlx-header .vlx-cta:focus,
html body .vlx-header .vlx-cta:active{
    height:52px !important;

    padding:0 8px 0 24px !important;

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

    gap:18px !important;

    background:#176B87 !important;

    border:0 !important;

    border-radius:9999px !important;

    overflow:hidden !important;

    color:#fff !important;

    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;

    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 24px rgba(23,107,135,.16) !important;
}


/* КРУГ СО СТРЕЛКОЙ */

html body .vlx-header .vlx-cta i,
html body .vlx-header .vlx-cta:hover i{
    width:36px !important;
    min-width:36px !important;

    height:36px !important;
    min-height:36px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    background:rgba(255,255,255,.15) !important;

    border:1px solid rgba(255,255,255,.12) !important;

    border-radius:50% !important;

    box-shadow:none !important;
}


/* HOVER БЕЗ ДЕШЁВОГО ПРЫЖКА */

html body .vlx-header .vlx-cta:hover{
    background:#125F79 !important;

    box-shadow:
        0 12px 30px rgba(23,107,135,.21) !important;
}


/* ==========================================================
   VOSTOK LOGISTIKA MOBILE HEADER PREMIUM
   ========================================================== */


/* MOBILE RULES MOVED TO mobile.css */



/* МАЛЕНЬКИЕ ТЕЛЕФОНЫ */


/* MOBILE RULES MOVED TO mobile.css */



/* REDUCED MOTION */


/* MOBILE RULES MOVED TO mobile.css */



/* === VOSTOK TWO PHONES FINAL === */

.vlx-phones{
    margin:0 7px 0 0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:0 !important;

    flex-shrink:0 !important;

    text-align:center !important;
}

.vlx-phones .vlx-phone{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    color:#0B1620 !important;

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

    letter-spacing:-.035em !important;

    white-space:nowrap !important;

    text-align:center !important;
    text-decoration:none !important;
}

.vlx-phones .vlx-phone:hover{
    color:#176B87 !important;
}

@media(max-width:1280px) and (min-width:981px){

    .vlx-phones .vlx-phone{
        font-size:13px !important;
        line-height:17px !important;
    }

}

/* === DESKTOP PHONES EXACT VISUAL MATCH === */

.vlx-phones{
    min-width:132px !important;
}

.vlx-phones .vlx-phone,
.vlx-phones .vlx-phone:link,
.vlx-phones .vlx-phone:visited,
.vlx-phones .vlx-phone:hover,
.vlx-phones .vlx-phone:focus,
.vlx-phones .vlx-phone:active{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

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

    letter-spacing:-.025em !important;

    font-variant-numeric:tabular-nums !important;
    font-feature-settings:"tnum" 1 !important;

    text-align:center !important;
    white-space:nowrap !important;
}


/* === DESKTOP PHONES SAME SIZE FIX === */

.vlx-phones .vlx-phone,
.vlx-phones .vlx-phone:link,
.vlx-phones .vlx-phone:visited,
.vlx-phones .vlx-phone:hover,
.vlx-phones .vlx-phone:focus,
.vlx-phones .vlx-phone:active{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    font-size:14px !important;
    line-height:18px !important;
    font-weight:750 !important;

    letter-spacing:-.035em !important;

    text-align:center !important;
    white-space:nowrap !important;
}


/* === HEADER CONTACT GAP FIX === */

@media(min-width:981px){

    .vlx-contact{
        margin-left:19px !important;
    }

}