body {
    color: #666666;
    font-size: 13pt;
    text-decoration: none;
    font-weight: normal;
    font-family: "Exo 2";
    padding-top: 110px;
}

body * {
    font-family: "Exo 2";
}

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff; /* Цвет фона */
    z-index: 1000;     /* Чтобы перекрывал другие элементы */
    top: 30px;
    text-align: center;
}


.top-bar-grey {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(102, 102, 102);
    z-index: 1001; /* выше .top-bar (1000) */
    color: white;
    height: 30px;
    text-align: center;
    font-family: "Exo 2";
    color: rgb(255, 255, 255);
    font-size: large;
}

.top-bar, .footer {
    background-color: #d32f2f;
    font-family: "Exo 2", serif;
    color: rgb(255, 255, 255);
    font-size: x-large;
    padding: 27px 0px;
}

#clock {
    color: #CC3333;
    font-weight: bold;
    font-size: 58px;
    font-family: Play, serif;
    line-height: 58px;
}

.header-time-block {
    text-align: center;
}

.header-time-block .date-text {
    color: rgb(102, 102, 102);
    font-weight: 600;
}

.news-block {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.news-content {
    display: flex;
    line-height: 17px;
}

.news-content__time {
    font-size: 13pt;
    color: rgb(204, 51, 51);
    font-weight: 700;
}

.news-content__text {
    font-size: 14pt;
    color: #666666;
    padding-left: 10px;
    min-height: 68px;
}

.news-source {
    text-align: right;
}

.news-source a {
    font-size: 13pt;
    color: rgb(204, 51, 51);
    text-decoration: none;
}

.header {
    margin: 40px 0;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

.page-link {
    padding: 5px;
    border: none;
}

.content {
    opacity: 0.92;
}

body::-webkit-scrollbar {
    width: 10px; /* Ширина всего элемента навигации */
}
body::-webkit-scrollbar-track {
    background: #FFFFFF; /* Цвет дорожки */
}
body::-webkit-scrollbar-thumb {
    background-color: #CCCCCC; /* Цвет бегунка */
    border-radius: 0px; /* Округление бегунка */
    border: 0px solid #CCCCCC; /* Оформление границ бегунка */
}

a {color:#666666; text-decoration:none;font-weight:normal;
}
a:hover {color:#CC3333; text-decoration:none;font-weight:bold;}
a.now {color:#6E6E6E; text-decoration:none;font-weight:bold;border-bottom: 1px dashed gray;}
a.now:hover {color:#CC3333; text-decoration:none;font-weight:bold;border-bottom: 1px dashed #CC3333;}
a.now1 {color:#CC3333; text-decoration:none;font-weight:bold;border-bottom: 1px dashed #CC3333;}
a.now1:hover {color:#CC3333; text-decoration:none;font-weight:bold;border-bottom: 1px dashed #CC3333;}
a.new {color:white; text-decoration:none;font-weight:bold;}
a.new:hover {color:white; text-decoration:underline; font-weight:bold; border-bottom: 0px dashed #FFFFFF;}
a.down {color:#FFFFFF; text-decoration:none;}
a.down:hover {color:#FFFFFF; text-decoration:none;border-bottom:2px dashed #FFFFFF;}
a.down2 {color:#FFFFFF; text-decoration:none;border-bottom:1px dashed #FFFFFF;}
a.down2:hover {color:#FFFFFF; text-decoration:none;border-bottom:1px dashed #FFFFFF;}
a.down3 {color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.down3:hover {color:#FFFFFF; text-decoration:none; font-weight:bold; border-bottom:2px dashed #FFFFFF;}
a.all {color:gray;text-decoration:none;font-weight:bold;}
a.all:hover {color:#CC3333;text-decoration:none;font-weight:bold;}
a.pages {color:#CC3333;text-decoration:none;font-weight:bold;}
a.pages:hover {color:#CC3333;text-decoration:none;font-weight:bold; border-bottom: 2px dashed #CC3333;}
a.pages2 {color:#666666;text-decoration:none;font-weight:bold;}
a.pages2:hover {color:#CC3333;text-decoration:none;font-weight:bold; border-bottom: 0px dashed #CC3333;}
a.scroll {color: white; text-decoration:none;font-weight:bold;border-bottom: 0px dashed white;text-shadow: 0px 0px 0px rgba(0,0,0,5)}
a.scroll:hover {color:white; text-decoration:none;font-weight:bold;border-bottom: 2px dashed white;text-shadow: 0px 0px 0px rgba(0,0,0,5)}
a.quick {color:gray; text-decoration:none;font-weight:bold;border-bottom: 1px dashed gray;}
a.quick:hover {color:#CC3333; text-decoration:none;font-weight:bold;border-bottom: 1px dashed #CC3333;}
a.top {color:#666666; text-decoration:none;}
a.top:hover {color:#CC3333;text-decoration:underline;}

p {line-height:1;}
p.min {line-height:1.25;}
.news:hover {background: #FAFAFA;}
.fon {
    background-image: url('/fon.jpg'); /* Путь к фоновому рисунку */
    background-position: right center; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
    background-attachment: fixed;
}

.content {
    position: relative;
}

.fon {
    position: absolute;
}

.top-text * {
    font-size: x-large !important;
}