
/* Кнопка ТГ на ПК*/

.telegram-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #0088cc; /*цвет кнопки*/
    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
}
.telegram-button a {
    color: #fff;
}
.telegram-button:before,
.telegram-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #0088cc; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.telegram-button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}


/* Цвет ссылки почты в шапке*/
.change-color-link{
  color: #dc0010; 
  font-size: 16px;
}


/* Кнопка Получить КП */
.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: rgba(220, 0, 0, 1);
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled:hover {
  background-color: rgba(255, 0, 0, 1);
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}


/* Форма обратной связи Получить КП, ширина на моб*/

@media (max-width : 800px) {  
#f994ef3 {   
    width: 300px !important;
  }
}

@media (max-width : 800px) {  
#555 {   
    width: 300px !important;
  }
}

@media (max-width : 800px) {  
.5556 {   
    width: 300px !important;
  }
}

/* KTM-MOSKVA START */
.ktm{--nav:#0F172A;--steel:#334155;--cta:#0369A1;--bg:#F8FAFC;--muted:#E8ECF1;--bd:#E2E8F0;color:#020617;line-height:1.6}
.ktm h2{color:var(--nav);font-weight:700;margin:2.4rem 0 1.1rem;font-size:1.75rem;position:relative}
.ktm h2::after{content:"";display:block;width:56px;height:3px;background:var(--cta);border-radius:2px;margin-top:.5rem}
.ktm h3{color:var(--nav);font-weight:600;font-size:1.12rem;margin:.2rem 0 .5rem}
.ktm .ktm-hero{background:linear-gradient(135deg,#0F172A 0%,#13233f 55%,#0c4a6e 135%);color:#fff;border-radius:18px;padding:2.3rem 1.8rem;margin-bottom:1.5rem;box-shadow:0 18px 44px rgba(15,23,42,.20)}
.ktm .ktm-hero h1{color:#fff;font-size:2.05rem;font-weight:700;margin:0 0 .6rem;letter-spacing:-.01em}
.ktm .ktm-hero p{color:#cbd5e1;margin:.4rem 0}
.ktm .ktm-cta{display:inline-block;background:var(--cta);color:#fff!important;padding:.75rem 1.4rem;border-radius:11px;font-weight:600;text-decoration:none;margin:.6rem .5rem 0 0;transition:all .25s cubic-bezier(.2,.7,.3,1);box-shadow:0 6px 18px rgba(3,105,161,.38)}
.ktm .ktm-cta:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 11px 26px rgba(3,105,161,.5)}
.ktm .ktm-cta.ghost{background:transparent;border:1px solid #475569;box-shadow:none}
.ktm .ktm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:1.3rem 0}
.ktm .ktm-stat{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:1.1rem;text-align:center;box-shadow:0 2px 12px rgba(15,23,42,.05);transition:transform .25s,box-shadow .25s}
.ktm .ktm-stat:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.1)}
.ktm .ktm-stat b{display:block;color:var(--cta);font-size:1.8rem;font-weight:700;line-height:1.1}
.ktm .ktm-stat span{font-size:.86rem;color:var(--steel)}
.ktm .ktm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:1rem 0}
.ktm .ktm-card{background:#fff;border:1px solid var(--bd);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s}
.ktm .ktm-card:hover{box-shadow:0 16px 38px rgba(15,23,42,.16);transform:translateY(-4px)}
.ktm .ktm-card .ph-wrap{position:relative;overflow:hidden}
.ktm .ktm-card .ph-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 50%,rgba(15,23,42,.58));pointer-events:none}
.ktm .ktm-card img.ph{width:100%;height:194px;object-fit:cover;display:block;background:#0b1220;filter:saturate(.88) contrast(1.06) brightness(.96);transition:transform .5s ease,filter .5s ease}
.ktm .ktm-card:hover img.ph{transform:scale(1.07);filter:saturate(1.05) contrast(1.06) brightness(1)}
.ktm .ktm-card .ph-wrap .tag{position:absolute;left:.7rem;bottom:.6rem;z-index:2;background:rgba(3,105,161,.94);color:#fff;font-size:.75rem;font-weight:600;padding:.22rem .6rem;border-radius:7px;letter-spacing:.01em}
.ktm .ktm-card .tag{display:inline-block;background:var(--muted);color:var(--cta);font-size:.74rem;font-weight:600;padding:.15rem .55rem;border-radius:6px;margin-bottom:.4rem}
.ktm .ktm-card .bd{padding:.9rem 1rem 1.1rem}
.ktm .ktm-card p{font-size:.9rem;color:var(--steel);margin:.2rem 0 0}
.ktm .ktm-note{font-size:.86rem;color:#64748b;font-style:italic;border-left:3px solid var(--bd);padding:.3rem 0 .3rem .8rem;margin:.6rem 0 0}
.ktm .ktm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ktm .ktm-step{background:var(--bg);border:1px solid var(--bd);border-left:4px solid var(--cta);border-radius:11px;padding:.95rem;transition:transform .2s}
.ktm .ktm-step:hover{transform:translateY(-2px)}
.ktm .ktm-step b{color:var(--nav)}
.ktm .ktm-vid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ktm .ktm-vid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:13px;box-shadow:0 8px 22px rgba(15,23,42,.12)}
.ktm .ktm-faq{background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:.4rem 1.2rem;margin:.6rem 0;transition:box-shadow .2s}
.ktm .ktm-faq[open]{box-shadow:0 6px 18px rgba(15,23,42,.08)}
.ktm .ktm-faq summary{font-weight:600;color:var(--nav);cursor:pointer;padding:.8rem 0;list-style:none}
.ktm .ktm-faq summary::-webkit-details-marker{display:none}
.ktm .ktm-faq summary::before{content:"+ ";color:var(--cta);font-weight:700}
.ktm .ktm-faq[open] summary::before{content:"– "}
.ktm .ktm-contacts{background:linear-gradient(135deg,#0F172A,#13233f);color:#fff;border-radius:15px;padding:1.5rem 1.7rem;box-shadow:0 12px 30px rgba(15,23,42,.16)}
.ktm .ktm-contacts a{color:#7dd3fc}
.ktm .ktm-author{background:var(--muted);border-radius:12px;padding:1rem 1.2rem;font-size:.92rem;color:var(--steel)}
@media(max-width:782px){.ktm .ktm-stats,.ktm .ktm-steps{grid-template-columns:repeat(2,1fr)}.ktm .ktm-grid,.ktm .ktm-vid{grid-template-columns:1fr}}
/* KTM-MOSKVA END */

/* KTM-TABLE START */
.ktm-table-wrap{overflow-x:auto;margin:0 0 26px}
.ktm-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ktm-table caption{caption-side:top;text-align:left;font-weight:700;font-size:18px;margin:0 0 12px;color:#1f2a37}
.ktm-table th{background:#1f2a37;color:#fff;text-align:left;padding:12px 14px;font-weight:600;font-size:14px}
.ktm-table td{padding:11px 14px;border-top:1px solid #eef1f4;vertical-align:top}
.ktm-table tbody tr:nth-child(even){background:#fafbfc}
.ktm-table tbody tr:hover{background:#fff5f4}
/* KTM-TABLE END */

/* KTM-GEO START */
.ktm .ktm-geo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:.6rem 0 1.4rem}
.ktm .ktm-geo a{display:block;padding:11px 14px;background:#fff;border:1px solid var(--bd);border-radius:10px;color:var(--nav);font-weight:600;font-size:.95rem;transition:all .18s}
.ktm .ktm-geo a:hover{border-color:var(--cta);color:var(--cta);box-shadow:0 6px 16px rgba(15,23,42,.08);transform:translateY(-2px)}
@media(max-width:782px){.ktm .ktm-geo{grid-template-columns:repeat(2,1fr)}}
/* KTM-GEO END */

/* KTM-REF START */
.ktm .ktm-ref{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#0F172A,#13233f);border-radius:16px;padding:1.4rem 1.7rem;margin:1.6rem 0;box-shadow:0 12px 30px rgba(15,23,42,.16);flex-wrap:wrap}
.ktm .ktm-ref .ic-pin{font-size:2rem;line-height:1;flex:0 0 auto}
.ktm .ktm-ref .body{flex:1 1 300px}
.ktm .ktm-ref h3{color:#fff;font-size:1.2rem;margin:0 0 .3rem}
.ktm .ktm-ref p{color:#cbd5e1;margin:0;font-size:.95rem}
/* KTM-REF END */
