/* ======================= КАРТОЧКИ ======================= */

.glow-1 .tn-atom,
.glow-2 .tn-atom,
.glow-3 .tn-atom,
.glow-4 .tn-atom,
.glow-5 .tn-atom{

    border:1px solid rgba(10,79,143,.25)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;

    transition:
        transform .3s ease,
        box-shadow .35s ease,
        border-color .25s ease,
        filter .25s ease;
}

/* ======================= СТАРЫЙ HOVER ======================= */

.glow-1 .tn-atom:hover,
.glow-2 .tn-atom:hover,
.glow-3 .tn-atom:hover,
.glow-4 .tn-atom:hover,
.glow-5 .tn-atom:hover{

    transform:scale(1.02);

    box-shadow:
        0 0 10px rgba(20,73,163,.22),
        0 0 22px rgba(20,73,163,.12),
        0 0 36px rgba(20,73,163,.06);
}

/* ======================= TAB КНОПКИ ======================= */

.tab-btn .tn-atom{

    border-radius:14px!important;

    transition:all .25s ease;

    background:
    linear-gradient(
        135deg,
        rgba(30,70,110,.45),
        rgba(10,25,45,.85)
    )!important;

    border:1px solid rgba(47,123,255,.35);

    box-shadow:
        inset 0 0 20px rgba(47,123,255,.08),
        0 5px 20px rgba(0,0,0,.25);

    padding-left:5px!important;
}

.tab-btn:hover .tn-atom{

    background:
    linear-gradient(
        135deg,
        rgba(47,123,255,.35),
        rgba(10,25,45,.95)
    )!important;

    border-color:rgba(47,123,255,.75);

    box-shadow:
        0 0 15px rgba(47,123,255,.25),
        0 0 30px rgba(47,123,255,.12),
        inset 0 0 20px rgba(47,123,255,.12);
}

/* ======================= АКТИВНАЯ TAB ======================= */

.tab-btn.active .tn-atom{

    background:
    linear-gradient(
        90deg,
        rgba(47,123,255,.35),
        rgba(10,20,35,.95)
    )!important;

    border:1px solid rgba(47,123,255,.9)!important;

    box-shadow:
        0 0 8px rgba(47,123,255,.45),
        0 0 18px rgba(47,123,255,.35),
        0 0 35px rgba(47,123,255,.25),
        0 0 60px rgba(47,123,255,.12),
        inset 0 0 25px rgba(47,123,255,.15),
        0 10px 30px rgba(0,0,0,.35);

    animation:activeGlow 2s ease-in-out infinite;
}

/* убрать старую полоску */

.tab-btn.active::before{
    display:none!important;
}

/* ======================= АНИМАЦИЯ СВЕЧЕНИЯ ======================= */

@keyframes activeGlow{

    0%,100%{

        box-shadow:
            0 0 8px rgba(47,123,255,.45),
            0 0 18px rgba(47,123,255,.35),
            0 0 35px rgba(47,123,255,.25),
            0 0 60px rgba(47,123,255,.12),
            inset 0 0 25px rgba(47,123,255,.15),
            0 10px 30px rgba(0,0,0,.35);
    }

    50%{

        box-shadow:
            0 0 12px rgba(47,123,255,.7),
            0 0 28px rgba(47,123,255,.55),
            0 0 50px rgba(47,123,255,.4),
            0 0 80px rgba(47,123,255,.2),
            inset 0 0 30px rgba(47,123,255,.2),
            0 10px 30px rgba(0,0,0,.35);
    }
}

/* ======================= ПУЛЬС КНОПКИ ======================= */

.pulse-btn,
.blue-pulse-btn{

    position:relative;
    overflow:visible;
    z-index:1;
    border-radius:14px;
    color:#fff;
}

.pulse-btn{
    background:#E87B1E;
}

.blue-pulse-btn{
    background:#0a4f8f;
}

.pulse-btn::after,
.blue-pulse-btn::after{

    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    border-radius:14px;
    z-index:-1;
    animation:pulse 2.2s infinite;
}

.pulse-btn::after{
    background:#E87B1E;
}

.blue-pulse-btn::after{
    background:#0a4f8f;
}

@keyframes pulse{

    0%{
        transform:scale(1);
        opacity:.7;
    }

    70%{
        transform:scale(1.25);
        opacity:0;
    }

    100%{
        transform:scale(1.25);
        opacity:0;
    }
}

/* ======================= DASH LINE ======================= */

.dash-line{

    stroke-dasharray:10 10;
    animation:dashMove 1s linear infinite;
}

@keyframes dashMove{

    from{
        stroke-dashoffset:0;
    }

    to{
        stroke-dashoffset:-20;
    }
}

/* ======================= OVERFLOW TILDA ======================= */

#rec2177355971,
#rec2177355971 .t396,
#rec2177355971 .t396__artboard{

    overflow:visible!important;
}

/* ======================= ТЕКСТ ======================= */

#rec2177355971 .t-name,
#rec2177355971 .t-title,
#rec2177355971 .t-descr{

    opacity:1;

    transition:
        color .4s ease,
        font-weight .4s ease;
}

#rec2177355971 .t-item:hover .t-name,
#rec2177355971 .t-item:hover .t-title,
#rec2177355971 .t-item:hover .t-descr{

    color:#1449A3!important;
    font-weight:500!important;
}

/* ======================= TAB CONTENT ======================= */

.tab-content{
    display:none;
}

.tab-content.active{
    display:block;
}

.tab-btn .my-active-class{

    background:
    linear-gradient(
        135deg,
        rgba(47,123,255,.35),
        rgba(10,25,45,.95)
    )!important;

    border:1px solid rgba(47,123,255,.75)!important;

    box-shadow:
        0 0 15px rgba(47,123,255,.25),
        0 0 30px rgba(47,123,255,.12),
        inset 0 0 20px rgba(47,123,255,.12)!important;
}