.shablonnews{}

.podpiss {padding:8px;background:#9b300d;transition:background 0.3s ease,color 0.3s ease;}
.podpiss:hover {background: #1f2d3d;color: #8c97a1;}
.podpiss:hover .podpiskas,.podpiss:hover .infocont,.podpiss:hover .clockdiv,.podpiss:hover .infobottom {background: #1f2d3d !important;color: #8c97a1 !important;}
.podpiss:hover .podpiskas *,.podpiss:hover .infocont *,.podpiss:hover .clockdiv *,.podpiss:hover .infobottom * {color: #8c97a1 !important;}
.podpiss:hover a {color: white !important;}
.podpiss:hover .podspanclascs {color: white !important;}
.podspanclascs:hover {background: #1f2d3d;color: #8c97a1;transform: scale(1.05);border:solid 1px #8c97a1;}
.podpiss:hover .podspanclascs {background: #1f2d3d;color: #8c97a1;border: solid 1px #8c97a1;border-radius: 5px;}
.vopros {width: 100%;height: 100%;object-fit: contain;}
.fom {float: right;margin-right: 14px;margin-top: 6px;cursor: pointer;width: 20px; height: 30px;}
.csena {font-size: 40px;}
.tooltip {position: relative;display: flow;margin-left: auto;}
.tooltip .tooltiptext {visibility: hidden;max-width: 700px;min-width: 148px;background-color: #555;color: #fff;text-align: left;border-radius: 6px;padding: 8px 11px 9px 11px;position: absolute;z-index: 1;top: -6px;right: 40px;margin-right: 0px;margin-left: 4px;margin-top: 4px;font-size: 19px;line-height: 21px;opacity: 0;transition: opacity 0.3s;box-shadow: 0 0 4px #ffffff;font-weight: normal;}
.tooltip .tooltiptext::after {content: "";position: absolutetop: 13px;right: -11px;margin-right: -5px;border-width: 8px;border-style: solid; border-color: #00000000 transparent transparent #555;}



/* Родительский блок — при наведении на него активируется полоска внутри .incont */
.shablonnews:hover .incont::before {
    border-bottom: 1px solid #8c97a1;
}

.incont {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.incont::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    box-sizing: border-box;
 
}


.incont {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

	

.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}





.infotp {
    font-size: 17px;
    line-height: 18px;
    font-weight: 400;
    padding: 5px 44px 5px 18px;
    text-align: left;
}

.clockdiv {
    text-align: center;
    font-weight: 100;
    background: antiquewhite;
    padding: 0 0 5px 0;
    margin: 0 0 7px 0;
}

.hoar {
    color: #9b300d;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 5px;
}

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 15px;
}

#clockdiv > div {
    padding: 4px;
    border-radius: 3px;
    background: #9b300d;
    display: inline-block;
}

#clockdiv div > span {
    padding: 8px;
    border-radius: 3px;
    background: #1a2a3a;
    display: inline-block;
}

.smalltext {
    padding: 3px;
    font-size: 12px;
}

.shablonnew {
    padding: 10px 9px 10px 9px;
    height: auto;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 20px;
    max-width: 1138px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podpiss {
    padding: 8px;
    background: #9b300d;
}

.podpiskas {background: antiquewhite;padding: 5px 44px 5px 18px;}
.podspan {font-size: 15px;font-weight: 300;margin-right: 10px;}

.podspanclascs {display: inline-block;color: white;background: #9b300d;padding: 8px 16px;border-radius: 4px;font-size: 20px;font-weight: bold;text-decoration: none;transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;}

.infocont {
    margin: 2px;
    padding: 8px 0 8px 0;
}

.infologo {
    display: table;
    margin: 0 auto;
}

.logostyle {
    margin: 2px;
    padding: 0 9px 0 0;
    vertical-align: middle;
    display: table-cell;
}

.infotext {
    margin: 2px;
    padding: 0px;
    vertical-align: middle;
    display: table-cell;
}

.infotexts {
    font-size: 16px;
    line-height: 17px;
    color: red;
}

.textis {
    text-decoration: none;
    font-weight: 600;
    margin-top: 7px;
    color: blue;
}

.textisis {
    text-decoration: none;
    font-weight: 600;
    margin-top: 7px;
    color: blue;
    border: solid 2px #9b300d;
    display: inline-table;
    padding: 3px 9px 3px 9px;
}

.infobottom {
    padding: 8px 0 8px 0;
    background: antiquewhite;
    text-align: center;
}

.podpiss:hover .podpiskas,
.podpiss:hover .infocont,
.podpiss:hover .clockdiv,
.podpiss:hover .infobottom,
.podpiss:hover .infotexts {
    background: #1f2d3d !important;
    color: #8c97a1 !important;
}

/* ============================================================
   ВСЕ ЭЛЕМЕНТЫ ВНУТРИ — МЕНЯЮТ ЦВЕТ ТЕКСТА
   ============================================================ */
.podpiss:hover .podpiskas *,
.podpiss:hover .infocont *,
.podpiss:hover .clockdiv *,
.podpiss:hover .infobottom *,
.podpiss:hover .infotexts * {
    color: #8c97a1 !important;
}

/* ============================================================
   ДОПОЛНИТЕЛЬНО: ХОВЕР НА САМ .infotexts
   ============================================================ */
.infotexts:hover {
    color: #8c97a1 !important;
}