:root {
   --osn-color: Black; 
    --dop-color: Steelblue; 
  --white-color: #FFFFFF;
 /*цвет красный */
  --red-color:#eb2131;
 
 /* семейство шрифтов на странице  
  --body-font-family: 'Manrope', Arial, sans-serif;
   --body-font-family:  Georgia, 'Times New Roman',sans-serif;
  
   
 --fon-color: #ebdece;*/
 
  --body-font-family: 'Manrope', Arial, sans-serif;
  /* фон 
  
  
   --fon-color:  #ebdece;*/
  --fon-color: #f0eeee;
  --titul-pad:20px;
  --pad-top:5px;
  --pad-left:60px;
  --titul-font:160%;

}

/*Чтобы убрать контейнер системных сообщений 


main, .main {
    display: none !important;
}

*/

/* размер шрифта на странице */
html {font-size: 90% ;  } 
body { 
  background:var(--fon-color);
}


body , .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family:var(--body-font-family);
/* Цвет ссылок
  background:  none;
   */
color:var(--osn-color);
}

A { color: var(--osn-color); /* Цвет ссылок */}


h1, .h1 {font-size: 150% ;}
h2,.h2 {font-size: 120% ;}
h3,.h3 {font-size: 100% ;}

/* параметры header */
.container-header {
margin-top: 0px;
margin-bottom: 0px;  
  padding-top: 0px;
  padding-bottom: 0px;
   background:var(--white-color);
   background:var(--fon-color);
  background-image: none;
border-style:none ; 

}

/* menu   */
.container-header .mod-menu {
padding: 0;
background:var(--fon-color);
color: var(--osn-color); 
background:var(--red-color);
color: var(--white-color); 
  margin-bottom: 10px;
  
  margin-left: 60px;
 font-size: 150% ;
}
.container-header .container-nav{
padding-bottom: 0px;  
}

.container-top-a {
  margin-top: 0px;
 margin-bottom: 0px; 
 padding-top: 0px;
  padding-bottom: 0px;
}

/* Время в материалеа */
.data_material {
padding: 3px;
  font-size: 90% ;
}


/* Первая полоса */
.container-top-a {
  margin: 2px; 
}


card.Pervaya {
  background:var(--fon-color); 
    margin: 3px;  
 padding: 3px;
}


card.Pervaya ul{
 grid-gap:5px;
  padding: 1px;
  margin: 1px;  

}
/* параметры Pervaya ul 
 .mod-articlesnews-horizontal.Pervaya   {
  grid-gap:8px;
  
}
*/
 .mod-articlesnews-horizontal   {
  grid-gap:8px;
  
}



.card.Pervaya li{
  background:var(--white-color); 
   padding:5px;
  margin: 5px;  

  width: 100%;
position:relative;
}


.card.Pervaya figure{
/* Правый столбик
  border-color: var(--red-color);
border-style:solid;
*/
text-align: center; 
  margin: 5px;
 padding: 5px;
background-image: linear-gradient(#FFFFFF, #A9A9A9);
background-image: linear-gradient(#A9A9A9, #FFFFFF);
}

.card.Pervaya img{
   min-height:300px;
max-height:300px;
  width:auto;
  object-fit: contain; 
padding-top:10px;
  padding-bottom:35px;
margin:0px;
}

.card.Pervaya .cat-title {
  background:var(--red-color);
   color: var(--white-color); 
padding: 2px 10px;
margin:0px;
  /* poka  
  color: var(--red-color);
  font-weight:bold;
*/
font-weight:normal; 
font-size:80%;

 position: absolute;
  top: 285px;   /* Сдвиг вниз на 20 пикселей от исходного положения position: relative;*/
  left: 10px;  /* Сдвиг вправо на 30 пикселей */
}


.cat-title {
 color: var(--red-color); 
font-weight:bold;
font-size:90%;
}


.cat-title A{
 color: var(--red-color); 

}

.cat-title-pp {
 color: var(--red-color); 
font-weight:bold;
font-size:100%;
}
.cat-title-pp A{
 color: var(--red-color); 

}






.container-component {
margin-top: 0x;  
margin-bottom: 1px; 
  padding-top: 0px;  
  padding-bottom: 3px; 
  
  background:var(--fon-color);
}

/* Новости События */
.main-top.card {
 background:var(--fon-color); 
 margin:1px;
padding: 1px;
}



.main-top.card.onenews {
 background:var(--fon-color); 
  margin:1px;
padding: 1px;
}

.main-top.card.onenews .card-body {
 margin:1px;
padding: 1px; 
}

.main-top.card.onenews ul{
  background:var(--white-color);  
   padding: 5px;
  margin: 5px;  
gap: 2px;
}

.main-top.card.onenews li{
  background:var(--white-color);  
  padding-left:5px;
  padding-right:5px;
 
  margin: 10px;
padding:5px;

}
.main-top.card.onenews  figure{
  margin: 0 0 0;
 
}
.main-top.card.onenews .newsflash-image img {
  min-height:160px; 
max-height:160px;
  width:auto;
  object-fit: contain;  
}




.sidebar-right.card.Calendar .card-body {
 margin:1px;
padding: 1px; 
}

.sidebar-right.card.Calendar ul{
  background:var(--white-color);  
   padding: 5px;
  margin: 5px;  
gap: 5px;
}

.sidebar-right.card.Calendar li{
  background:var(--white-color);  
  padding-left:5px;
  padding-right:5px;
 
  margin: 2px;
padding:5px;

}

.sidebar-right.card.Calendar .cat-title {
 
  color: var(--osn-color);
  font-size: 80% ;
  
 
}

.main-top.card.onenews .card-header {
 background:var(--fon-color); 
 
}




/* Поздравляем коллег */
.bottom-a.card.Deyrogden {
  background:var(--fon-color); 
margin-top: 5px;  

}

/* Поздравляем коллег Список*/

.bottom-a.card.Deyrogden ul{
 gap: 5px;
}


.bottom-a.card.Deyrogden li{
  background:var(--white-color); 
 
  padding: 10px;
  margin: 5px;  
}
.bottom-a.card.Deyrogden .cat-title {
  background:var(--white-color); 
 font-size: 80% ;
  
 
}




/* Правый столбик */
.container-sidebar-right .card-body {
 margin-top: 0px;
 margin-bottom: 0px; 
 
  padding-top: 0px;
  padding-bottom: 0px;  
  margin:3px;
 padding: 3px; 
}

/* Правый столбик 
.sidebar-right .card-body{
 margin:1px;
padding: 1px;

}

*/

.container-sidebar-right .sidebar-right:first-child{
  margin-top: 0px; 
}


.sidebar-right.card.PravCol {
background:var(--fon-color); 
margin: 0px;  
padding: 0px;
}

.sidebar-right.card.PravCol .card-body{
 margin: 0px;  
padding: 0px; 
  
}








.truncate-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
 }




*/
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: left;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
margin-left:0px
  }
;
}
/* цвет кнопки */
.btn-primary{
 background-color: var(--red-color);
   border-color: var(--red-color);
}

/* цвет кнопки поиска */
.bez-contur .btn-primary{
 background-color: var(--fon-color);
  border-color: var(--fon-color);  

color:var(--osn-color);

}
.bez-contur .icon-white {
  color: #000;
}
.bez-contur .awesomplete{
border-bottom: 1px solid var(--osn-color);  
}

.container-search .bez-contur {
  
  
}


/* логотип строка */
.logo_let {
margin-left:5px;  
 padding:5px ;

}


.logo_let img{
 min-height:60px;
 max-height:60px;
  width: auto;
 
}
.logo_let_1 {
 color: var(--red-color); 
 font-size: 300%
}



.logo_mod {
 clear:both; 
margin-top: 0px;
margin-bottom: 0px;  
margin-left: 60px; 
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
 display: block;
  justify-content: space-between; 
}

@media (max-width: 768px) {
  .logo_mod {
margin-left: 5px; 
  }
}

.logo-bookind {
 flex: 1 1 0%;
  float: left; 
  margin-left: 0px; 
min-width:500; 
 display: flex;
}

.podpiska-groop{
 flex: 1 1 0%;
  float: right; 
  margin-left: 120px;
margin-right: 0px;  
color: var(--osn-color);
}
.podpiska-groop img{
 min-width:20px;
}
@media (max-width: 768px) {
.podpiska-groop{
  margin-left: 10px;
} 
}

.podpiska-groop :hover {
 color: var(--red-color); 
  
}

.btn-podpiska{
 background-color: var(--fon-color);
 border-color: var(--fon-color);

  display: inline-block; /* Строчно-блочный элемент */
    background: var(--fon-color); /* Серый цвет фона */
    color: var(--osn-color); /* Белый цвет текста */
    padding: 5px 20px; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    height:40px;
margin-top: 20px;
  vertical-align:middle;
}

/* Статья */
.com-content-article.item-page {
  background:var(--white-color); 
 background: var(--fon-color);
  margin:10px;
  padding: 20px;
}
/*  
.container-component {
  background:var(--white-color); 
margin:10px;
  padding: 10px;
}
*/
/*Одиночная Статья *grid-child container-component/

.odinok-article {
display: grid;
  background:var(--white-color); 
margin:10px;
  padding: 20px;  
  
}

.left.item-image1 {

  padding:30px;
  width:100%;
}


@media (max-width: 768px) {
.hidde-text{
 display: none;
} 


}
/*  */

/* отступы вокруг рисунка */
.item-image {
  padding-right: 20px;
padding:5px;
}



/* оптекание рисунка */
.leftfoto { 
  float: left; margin: 4px 10px 2px 0px; 
background:var(--white-color);
}

.left.item-image {
 padding:10px ;
  
}

.gal-img {
  display: flex;
  flex-wrap: wrap; /* Позволяет картинкам переноситься на новую строку */
justify-content: center;
}

.gal-img img {
    margin: 5px; /* Отступ между картинками */
display: block;
}

/* рисунки в блоге категорий */


  /* padding-left: 10px;  Отступ слева */
  /*  padding: 20px;  Отступ снизу */
 /* margin:20px;  */
   }

.odinak-image {
 width: 250px;   /* устанавливаем ширину */
  height: 315px;  /* устанавливаем высоту */
  object-fit: cover;  /* сохраняем пропорции изображения */ 
 }


/* сохраняем пропорции изображения */ 
.newsflash-image img{
   min-height:200px;
max-height:200 px;
  width:auto;
  object-fit: contain; 
}



.newsflash-title {
/*
  background: var(--white-color); 
*/  
  
}



.container-search {
 
}



.footer {
  background-color: #666666;
  background-image: none;
padding:5px ;
 margin:5px ; 
}

.footer .grid-child {
 
}
@media .footer .grid-child (max-width: 768px) {

}


/* цвет меню 
.container-header .mod-menu {
justify-content: center;
color: #ffffff;
padding: 0;
}
*/
.container-header .navbar-toggler {
  /* Optional: Change the border color around the icon */
  border-color: #FF0000;
background-color: var(--red-color);

}



/* или contain, cover — масштабирует изображение, сохраняя пропорции; auto — оставляет исходный размер */

.title-razdel {
 border-bottom: 3px solid var(--red-color);
  background:var(--white-color);  
/* Optional: Change the border color around the icon 
  background-image: url('/images/design/Polosa1.jpg');  
 background-size: contain; 
  background-repeat: no-repeat; 
  */
 background:var(--white-color);
  padding-left: 30px;
  font-family: Georgia, 'Times New Roman',serif;
  font-weight:bold;
font-size:150%;
margin-bottom:40px;
}

.title-razdel-bf {
 border-bottom: 3px solid var(--red-color);
   
/* Optional: Change the border color around the icon  */
  background-image: url('/images/design/Polosa1.jpg');  
 background-size: contain; 
  background-repeat: no-repeat; 
 
 ;
  padding-left: 60px;
  font-family: Georgia, 'Times New Roman',serif;
  font-weight:bold;
font-size:150%;
margin-bottom:40px;

}

.card-header {
 border-bottom: 3px solid var(--red-color);
 background: var(--fon-color); 
  
 font-family: Georgia, 'Times New Roman',serif; 
font-size:150%;
 margin-top: 0px;
 margin-bottom:0px;
  padding-left: 10px;
color: var(--osn-color);
background: background: var(--white-color);
}
.newsflash-title { ;
 background: none;  
}
  
.card {
 background: background: var(--fon-color); 
 
}



.ramka_mod {
border-color:#dfe3e7; 
border-color:var(--white-color);
  border-style: solid;
border-radius: 5px;
 /* Optional: Change the border color around the icon   */
background: var(--fon-color); 
  padding: 5px; 
  margin: 3px;
border-width: 1px;
 background:var(--white-color);
}
/* размер шрифта на странице 

.main-top.card {
 background: var(--red-color);   
 border-color: var(--red-color);
}
*/
.mod-banners__item banneritem {
}


.mod-banners.bannergroup {
 display: flex; /* Делает элементы flex-блоками */
    justify-content: center; /* Центрирует блоки по горизонтали */
    gap: 1px; /* Добавляет отступы между блоками */
flex-wrap: wrap;
justify-content: center;
border-color: #ee6f79; 
  
  
}



.mod-banners__item.banneritem {
padding:6px;
margin-left:1px;
margin-right:1px;  
  margin-top:10px;
margin-bottom:10px;
background:var(--white-color); 
width:100%;
max-width:280px;
}



.mod-banners__item.banneritem img {

max-width:280px;
width:100%; 
height:auto;

}
@media (max-width: 768px) {
  .mod-banners__item.banneritem img {
width:100%;
  }
}
  
  
}

.video-vk {
   width:100%;
 padding:3px;
margin:3px;
}

.video-vk iframe {

width:100%;
height:100%;
}

.mod-banners__item.banneritem iframe {
max-width:280px;
width:100%; 
height:auto;

}
sidebar-right.card rassylka {
display: flex;
 max-width:280px;
width:100%;  
}
.float-center {
    display: block;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}

#unisender-subscribe-form-418561 {
  margin:5px;
  padding:5px;
}
@media (max-width: 768px) {
  #unisender-subscribe-form-418561 div{
max-width:280px;
  }