/* Подключение пользовательского шрифта */
@font-face {
    font-family: 'Opiumnewcfont';
    src: url('../fonts/opiumnewcfont.woff') format('woff'), 
         url('../fonts/opiumnewcfont.woff2') format('woff2'), 
         url('../fonts/opiumnewcfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* улучшает производительность загрузки */
}
@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.woff') format('woff'), 
         url('../fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* улучшает производительность загрузки */
}
@font-face {
    font-family: 'CenturyGothic-Bold';
    src: url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
         url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* улучшает производительность загрузки */
}
@font-face {
  font-family: 'Opmb';
   src:url('../fonts/Opmb.ttf') format('truetype');
  font-weight: bold;
    font-style: normal;
    font-display: swap; /* улучшает производительность загрузки */
  }
@font-face {
  font-family: 'Opiumnormal';
  src: url('../fonts/Opiumnormal.ttf') format('truetype');
  font-weight: normal;
    font-style: normal;
    font-display: swap; /* улучшает производительность загрузки */
  }
.site-grid{
     background-color: #f8f7f7; 
}
/* Адаптив: при ширине экрана до 991px переключаемся в колонку */
 @media (max-width: 991px) {
      .site-grid {
      position: relative!important;
      overflow: none;
        padding-bottom: auto;
       grid-template-areas:".banner banner banner banner."
".top-a top-a top-a top-a."
".top-b top-b top-b top-b."
".comp comp comp comp."
".side-r side-r side-r side-r."
".side-l side-l side-l side-l."
".bot-a bot-a bot-a bot-a."
".bot-b bot-b bot-b bot-b.";
   grid-template-rows: 2px 0px 0px auto auto auto 0px 0px ;
        grid-gap:0 0em;
   }
}

 @media (max-width: 991px) {
     html, body {
      position: relative!important;
         min-height: 100vh;
      
        width: 100%;
       overflow: auto!important;
   }
}
 @media (max-width: 991px) {
     .container-header {
      position: relative!important;
   }
}

 @media (max-width: 991px) {
      .container-component {
      overflow-y: none!important; 
        padding:0.5rem;       
   }
}
 @media (max-width: 991px) {
      .container-bottom-b {
      position: relative!important;
       margin-top:auto;
   }
}
@media (max-width: 991px) {
.container-topbar, .container-below-top{
  position: relative!important;
    }
  }
::-webkit-scrollbar {    width: 10px;}
::-webkit-scrollbar-track {    background: #a1a1a1;}
::-webkit-scrollbar-thumb {    background-color: rgba(255,255,255,0.5);}
::-webkit-scrollbar-thumb:hover {    background-color: rgba(200,0,0,0.4);}
.container-component   {scrollbar-color:rgba(255,255,255,0.5) #c4c4c4; /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin;  /* толщина */
}




@media (min-width: 991px) {
 html{
 transform: scale(1);
transform-origin: 0 0;
height: 100%;
   width: 100%;
}
}
@media (min-width: 991px) {
  body{
  display: flex;
  flex-direction: column;
   min-height: 100%;
    height: 100vh;
    width: 100%;
    min-width: auto;
    }
}
@media (min-width: 991px) {
.container-header {
  position: sticky; /* Шапка и футер будут «прилипать» */
  top: 0;
  left: 0;

  z-index: 10;
}
}
@media (min-width: 991px) {
.container-component {
   flex-grow: 1; /* Занимает всё оставшееся пространство */
  padding-left: 1rem!important;
  padding-right: 1rem!important;
  padding: 1rem;
  overflow-y: auto;
  height:auto;
    border-left:1px solid rgb(160,160,160);
    border-right:1px solid rgb(160,160,160);
}
}
@media (min-width: 991px) {
.container-bottom-b {
  position: sticky; /* Шапка и футер будут «прилипать» */
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 3vh;
  margin-top:auto;
}
}
@media (min-width: 991px) {
 .site-grid {
  flex-grow: 1; /* Занимает всё оставшееся пространство */
  overflow-y: hidden; /* Включаем прокрутку */
  
  position:relative;
   grid-template-areas:".banner banner banner banner."
".top-a top-a top-a top-a."
".top-b top-b top-b top-b."
".side-l comp comp side-r."
".bot-a bot-a bot-a bot-a."
".bot-b bot-b bot-b bot-b.";
   grid-template-rows: 2px 0px 0px auto 0px 0px;                
}
}
 body{
 
  font-family: 'Opiumnewcfont'; 
}
.container-header .grid-child{
  padding-top: 0.1em;
   padding-bottom: 0.1em;
  padding-left:0.5em;
}
.container-header {
    background-color: transparent;
    background-image: none;  
}

 .container-component {
  flex-grow: 1; /* Занимает всё оставшееся пространство */
   margin-top:1em;
   font-weight: lighter; 
  font-family: 'Opiumnewcfont';
   background-color: #fff;
}
.mod-list.nav{
  color: #9f9f9b;
  outline: none;
 
 flex-wrap: wrap;

}

.mod-list li a:hover {
  text-decoration: none;
}
.mod-menu a, .container-header .mod-menu>li.active>a{
  color: rgb(200,0,0);
    text-decoration: none;
}
.mod-list li.active>a {
    color: rgb(200,0,0);
    text-decoration: none;
}
.mod-menu a:hover {
  color: rgb(200,0,0);
  outline: none;
  text-decoration: none;
}
.container-header .mod-menu>li>a:hover{
  color: rgb(200,0,0);
}
.mod-menu a, .container-header .mod-menu>li>a, .container-header{
  color: #000;
  outline: none;
  font-size: 1.4rem;
  gap:5px;
}
.mod-menu>li>a:hover {
  text-decoration: none;
}
.container-header .mod-menu>li:after {
    content: "";
    opacity: .2;
    background: 0 0;
    height: 0px;
}
.container-header .mod-menu>li+li {
  margin-left:5px;
}  
 .mod-menu>li+li  {
  display: flex;
  justify-content: space-between;

} 

.mod-menu.nav-tabs {
  justify-content: space-between;
 /* Строим флекс-контейнер */
     display: flex;
 /* Разрешаем перенос */
     flex-wrap: wrap;
     flex-direction: column;
     background: 0 0;
     outline: none;
     text-decoration: none;
     box-shadow: none;
     border: 0px;     
 }
.mod-menu {
  justify-content: space-between;
 /* Строим флекс-контейнер */
     display: flex;
 /* Разрешаем перенос */
     flex-wrap: wrap;
  flex-grow: 0;
flex-direction: row;
 }
.container-component>:first-child{margin-top:0; border-bottom:1px solid rgb(160,160,160);}
.mod-menu>li+li {
    justify-content: space-between;
 /* Строим флекс-контейнер */
     display: flex;
  flex-direction: row;
}
.mod-list li{
  padding: 0.05em 0;
}
/* Адаптив: при ширине экрана до 991px переключаемся в колонку */
   @media (max-width: 991px) {
     .mod-menu {
       flex-direction: row;
       gap: 1px;
   /* Разрешаем перенос */
     flex-wrap: wrap;
       /* Растягиваем элементы по ширине */
      
       padding-right: 1em;
        font-size: 0.5rem;
     }
   }
/* Адаптив: при ширине экрана до 991px переключаемся в колонку */
   @media (max-width: 991px) {
     .mod-menu.nav-tabs {
       flex-direction: row;
       gap: 20px;
   /* Разрешаем перенос */
     flex-wrap: wrap;
       /* Растягиваем элементы по ширине */
      justify-content:stretch;
       padding-right: 1em;
        font-size: 0.5rem;
     }
   }
.container-header .mod-menu>li>a:hover, .container-header .mod-menu>li>span {
    color: rgb(200, 0, 0, 1);
    outline: none;
    text-decoration: none;
   border: none; 
}
h1,  h3, h4, h5, h6 {
	  color: #000;
      font-family:'Opiumnewcfont';
	}
.h1,  .h3, .h4, .h5, .h6 {
	  color: #000;
      font-family: 'Opiumnewcfont';
	}
.page-header h1 {
	  color: rgba(200, 0, 0, 1);
      font-family: 'Opiumnewcfont';
      font-size: 1.25rem; 
  margin-top:-1em;
	}
h1 {
	  color: #000;
      font-family: 'Opiumnewcfont';
      font-size: 1.5rem; 
	}
h3.card-header {
	  color: #787878;
      font-family:'Opiumnewcfont';
      font-size: 1.4rem;
      font-weight: normal;
      border: none;
      padding-top: 0.01rem;
      padding-bottom: 0.01rem;
	}
p {
	  color: #000;
      font-family: 'Opiumnewcfont';
      font-size: 1.1rem;
	}
a {
	  color: #000;
      font-family:'Opiumnewcfont';
      font-size: 1.4rem;
      text-decoration: none;
  font-weight:normal;
	}
a:hover {
	  color: rgba(200, 0, 0, 1);
      font-family: 'Opiumnewcfont';
      font-size: 1.4rem;
      text-decoration: none;
	}
 .com-content-article__body a {
  font-size: 1.1rem;
}
 .com-content-article__body a:hover {
  font-size: 1.1rem;
}
a:not([class]){
  text-decoration: none;
}
dd, dt {
	  color: #000;
      font-family: 'Opiumnewcfont';
      text-decoration: none;
	}
@media (max-width: 991px) {
h1 {
	  color: rgba(200, 0, 0, 1);
      font-family: 'Opiumnewcfont';
      font-size: 1.4rem; 
	}
}
@media (min-width: 565px)and  (max-width: 991px) {
h3.card-header {
	  color: #787878;
      font-family:'Opiumnewcfont';
      font-size: 1.4rem;
      font-weight: normal;
      border: none;
      padding-top: 0.01rem;
      padding-bottom: 0.01rem;
	}
  }
@media (max-width: 991px){
.container-header .mod-menu.mod-list > li > a:hover{
 text-decoration: none;
 }
}
@media (min-width: 565px)and(max-width: 991px){
    a:hover {
	  color: rgb(200,0,0);
      font-family:'Opiumnewcfont';
      font-size: 1.4rem;
      text-decoration: none;
	}
}
@media (min-width: 565px)and (max-width: 991px){
     a {
	  color: #000;
      font-family:'Opiumnewcfont';
      font-size: 1.4rem;
	}
}
@media (min-width: 565px)and (max-width: 991px){
.mod-menu a, .container-header .mod-menu>li>a, .container-header{
  font-size: 1.4rem;
    }
  }
@media (max-width: 565px){
.mod-menu a, .container-header .mod-menu>li>a, .container-header{
 font-size: 1.1rem; 
}
}
@media (min-width: 565px)and  (max-width: 991px){
 .container-header .mod-menu>li.active>a{
  font-size: 1.4rem;
  color: rgb(200,0,0);
    }
  }
@media (max-width: 565px){
 .container-header .mod-menu>li.active>a{
  font-size: 1.1rem;
  color: rgb(200,0,0);
   
    }
  }
@media (max-width: 565px){
.container-header .mod-menu{
  align-items:center;
  justify-content: space-around;
  }
}
@media (max-width: 991px){
.mod-menu a {
  font-size: 1.4rem;
  color: #000;
    }
  }
@media (max-width: 565px){
.mod-menu a {
  font-size: 1.1rem;
  color: #000;
    }
  }
@media (max-width: 565px){
h3.card-header{
  font-size: 1rem;
    }
  }
@media (max-width: 991px){
    p {
	  color: #000;
      font-family:'Opiumnewcfont';
      font-size: 1rem;
	}
}
@media (max-width: 991px){
    p:hover {
	  color: #000;
      font-family:'Opiumnewcfont';
      font-size: 1rem;
	}
}
td, li{
  color:#000;
  font-family:'Opiumnewcfont'
}
.card-header {
	  background: none;
	}  
.card-body {
     padding-top: 0.15rem!important;
     padding-bottom: 0.15rem!important;
	}
.sidebar-left {
    background-color: transparent;
    background-image: none;
    border: none;    
    position:relative;
}
.sidebar-left.card{
  margin-top: 0.5em;
}
.container-sidebar-left .sidebar-left:first-child{
  margin-top: 1em;  
}
.container-sidebar-left{
  margin-top: 1em;
  border-left:1px solid rgb(160,160,160);
  overflow: auto;
  background-color: #fff;
}
.mod-preview {
  border-bottom: 1px;
  background-color: #9f9f9b;
}
.grid-child.container-below-top{
   margin-top: 1em;
}
.grid-child.container-below-top{
  z-index:10;
}
.container-topbar, .mod-custom118 {
  height:0px;
  z-index:5;
}
.page-header img{
    z-index:10;
}

img.logo{
  z-index:10;
}
.logo h1{
  color: #000; 
  font-family:'Opiumnewcfont';
  font-weight: normal;
  padding-left: 0.2em;
  }
.logo h6{
  color: #000; 
  font-family:'Opiumnewcfont';
  font-weight: normal;
    padding-left: 0.3em;
  }
@media (min-width: 691px) {
.logo h1{
  font-size: 1.2em!important;
  padding-left:0.3em!important;
}
  }
@media (min-width: 691px) {
.logo h6{
  line-height: 0.2em!important;
     }
  }

@media (min-width: 852px) {
img.logo{
  content:url("/images/logo/logo8.png")!important;
  max-width: 14.7em!important;
  margin-left:-0.5em!important; 
  
    }
  }
 @media(max-width: 852px) {
img.logo{
  content:url("/images/logo/logo-zk8.png")!important;
  max-width: 7em!important;
  margin-top:-0.9em!important;
  }
}
 @media (max-width: 565px){
img.logo{
  content:url("/images/logo/logo-zk8.png")!important;
  max-width: 7em!important;
  margin-top:-0.6em!important;
  }
}


 @media (min-width: 565px) and (max-width:691px){
   .logo h1{
  font-size: 1.2em!important;
  line-height: 1.9rem!important;
    margin-top:-0.2em!important; 
}
}
@media (min-width: 565px) and (max-width:691px){
   .logo h6{
    line-height: 1rem!important;
    margin-top:-1.2em!important; 
}
}
 @media (min-width: 425px) and (max-width:565px){
   .logo h1{
   font-size: 1.3rem!important;
   line-height: 1.7rem!important;
    margin-top:-0.8em!important; 
}
}

@media (min-width: 425px) and (max-width:565px){
   .logo h6{
    font-size: 0.7em!important; 
    line-height: 3em!important;
    margin-top:-2.5em!important;
}
}
@media (min-width: 341px) and (max-width: 425px){
  .logo h1 {
    font-size: 1.3rem!important;
    line-height: 1.4rem!important;
    margin-top:-0.7em!important;
  }
}
@media (max-width: 425px){
  .logo h6 {
    font-size: 0.7em!important; 
    line-height: 2.5em!important;
    margin-top:-2.5em!important;
    padding-left:0.2em;
  }
}
@media (max-width:341px){
  .logo h1 {
    font-size: 0.9rem!important;
    line-height: 1.1rem!important;
    margin-top:-0.5em!important;
  }
}
@media (max-width:341px){
  .logo h6 {
    font-size: 0.6em!important; 
    line-height: 1em!important;
    margin-top:-1.3em!important;
    padding-left:0.3em;
  }
}
.navbar-toggler {
  display:none;
}
.container-header{
border-bottom: 1px solid #2e2e2e;}

.line {
  border-top: 1px solid #2e2e2e;
  position: relative;
  overflow: hidden; /* Важно: скрывает блик, выходящий за границы блока */
margin-top:-1px;
  z-index:1;
}
.line4 {
  border-top: 1px solid #2e2e2e;
  position: relative;
  overflow: hidden; /* Важно: скрывает блик, выходящий за границы блока */
  z-index:1;
  
}
.line3{
  border-bottom: 1px solid #2e2e2e;
  position: relative;
  overflow: hidden; /* Важно: скрывает блик, выходящий за границы блока */
  z-index:1;
  margin-top:5px;
  height:6px;
}
.line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  /* Линейный градиент с белой полосой по центру */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 160, 2, 0.5) 40%,
    rgba(255, 100, 2, 1) 50%,
    rgba(255, 160, 2, 0.5) 60%,
    transparent 100%
  );
  /* Название анимации, длительность, бесконечный повтор */
  animation: shine 6s infinite;
  animation-delay: 0.3s;
}
/* Описание самой анимации */
@keyframes shine {
  0% {
    transform: translateX(-100%); /* Начинаем далеко слева */
  }
  100% {
    transform: translateX(100%); /* Уводим далеко вправо */
  }
}
.linee{
  border-bottom: 1px solid #2e2e2e;
  position: relative;
  overflow: hidden; /* Важно: скрывает блик, выходящий за границы блока */
  z-index:0;
  padding-bottom:89px;
  height:84px;
}
.linee::before {
  content: '';
  position: absolute;
  margin-top: 88px;
z-index:0;
  left: 0;
  width: 100%;
  height: 1px;
  /* Линейный градиент с белой полосой по центру */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 100, 2, 0.5) 40%,
    rgba(255, 160, 2, 1) 50%,
    rgba(255, 100, 2, 0.5) 60%,
    transparent 100%
  );
  /* Название анимации, длительность, бесконечный повтор */
  animation: shine 6s infinite;
}
/* Описание самой анимации */
@keyframes shine {
  0% {
    transform: translateX(-100%); /* Начинаем далеко слева */
  }
  100% {
    transform: translateX(100%); /* Уводим далеко вправо */
  }
}
.line3::before {
  content: '';
  position: absolute;
  margin-top: 4px;
z-index:2;
  left: 0;
  width: 100%;
  height: 1px;
  /* Линейный градиент с белой полосой по центру */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 100, 2, 0.5) 40%,
    rgba(255, 160, 2, 1) 50%,
    rgba(255, 100, 2, 0.5) 60%,
    transparent 100%
  );
  /* Название анимации, длительность, бесконечный повтор */
  animation: shine 6s infinite;
  animation-delay: 0.1s;
}
/* Описание самой анимации */
@keyframes shine {
  0% {
    transform: translateX(-100%); /* Начинаем далеко слева */
  }
  100% {
    transform: translateX(100%); /* Уводим далеко вправо */
  }
}
.line4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  /* Линейный градиент с белой полосой по центру */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.5) 40%,
    rgba(255, 100, 2, 1) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    transparent 100%
  );
  /* Название анимации, длительность, бесконечный повтор */
  animation: shine 6s infinite;
  animation-delay: 1s;
}
/* Описание самой анимации */
@keyframes shine {
  0% {
    transform: translateX(-100%); /* Начинаем далеко слева */
  }
  100% {
    transform: translateX(100%); /* Уводим далеко вправо */
  }
}

.zkvideo {
    position: relative;
    width: 100%;
   height: auto;
    overflow: hidden;
  object-fit: cover; /* Заставляет видео заполнять весь блок без искажений пропорций */
  margin-top:-1em;
}

.blog-items{
  margin-top:-1em;
}

 .album {
        display: inline-block;
        opacity: 1;
    }
.album img:hover {   opacity: 1; filter:  sepia(100%) brightness(100%); transition: opacity 1s;  }

.album.item-image img { 
  position: absolute;
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
  object-fit: cover;
   border:1px solid #000;}

.com-content-category-blog__item.blog-item{position:relative;
                    width: 100%;
                    height: 0; 
                    padding-bottom: 100%; /* Высота равна ширине — получается квадрат */ 
                   } 
.page-header h2{ display:none; width:100%;}
.com-content-category-blog__item.blog-item:hover .page-header h2{
  display: block; 
  position:absolute;
  bottom:0;
  margin-bottom:-1em;
  padding-bottom:1em;
  height:auto;
   min-height:20%;
  widht:100%;
  color:rgba(0,0,0,0.5);
  background-color:  rgba(255,255,255,1);
  transition: opacity 0.2s;
  text-align: center;
  font-size: 1em;
  border-top:1px solid #000;
  }
.page-header a{ color:rgba(0,0,0,1);widht:100%; font-size:1em; overflow-wrap: break-word;
  hyphens: auto; /* Включение переносов (при необходимости) */}
.page-header:hover a{ color:rgba(200, 0, 0, 1);widht:100%; font-size:1em;
                      text-align:center; }


@media (width >= 992px)
@supports (display:grid)
.com-content-category-blog__items.blog-items .columns-5{
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.blog-items{grid-gap:0.8em;}
.blog-items.columns-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.blog-items.columns-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.blog-items.columns-7 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.blog-items.columns-8 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.blog-items.columns-9 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.blog-items.columns-10 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 991px) and (min-width: 737px){ .blog-items.columns-4,.blog-items.columns-5, .blog-items.columns-6, .blog-items.columns-7, .blog-items.columns-8, .blog-items.columns-9, .blog-items.columns-10 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}}
@media (max-width: 737px) and (min-width: 577px){ .blog-items.columns-4,.blog-items.columns-5, .blog-items.columns-6, .blog-items.columns-7, .blog-items.columns-8, .blog-items.columns-9, .blog-items.columns-10 {grid-template-columns: 1fr 1fr 1fr 1fr;}}
@media (max-width: 577px) and (min-width: 442px){ .blog-items.columns-4,.blog-items.columns-5, .blog-items.columns-6, .blog-items.columns-7, .blog-items.columns-8, .blog-items.columns-9, .blog-items.columns-10 {grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 442px){ .blog-items.columns-4,.blog-items.columns-5, .blog-items.columns-6, .blog-items.columns-7, .blog-items.columns-8, .blog-items.columns-9, .blog-items.columns-10 {grid-template-columns: 1fr 1fr;}}

.icon-chevron-left{display: block;}

.btn.btn-sm.btn-secondary.previous {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
   margin-bottom:2em;
}
.icon-chevron-left:before{font-size:3em;}
.icon-chevron-left::hover{font-size:3em;}
.btn-secondary{font-size:1em;color:#9f9f9b;}
.btn-secondary.previous:hover{
  font-size:1em;
  color:rgba(200, 0, 0, 1);
}
.btn.btn-sm.btn-secondary.next {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right:2em;
   margin-bottom:2em;
}
.icon-chevron-right:before{font-size:3em;}
.icon-chevron-right::hover{font-size:3em;}
.btn-secondary{font-size:1em;color:#9f9f9b; }
.btn-secondary.next:hover{
  font-size:1em;
  color:rgba(200, 0, 0, 1);
}
span{font-family:'Opiumnewcfont';}


a#back-top.back-to-top-link{
  background: none;
  border: none;
  cursor: pointer;
padding-bottom: 1.3em;
  margin-right: -0.4em;
      color: rgba(200, 0, 0,1);
  font-size:1.6em;
}
.sigplus-gallery>ul{
border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}
a.sigplus-image > img {
      margin-left: 0.075em;
    margin-right: 0.075em;
    margin-top: 0.075em;
  margin-bottom: 0.075em;
  }

.fancybox-caption__body{display:none;}
.fancybox-button svg{color:rgb(200, 0, 0);}
.fancybox-thumbs__list a:before{border:6px solid rgb(200, 0, 0)!important;}

.fancybox-container{height: 100vh!important;
    width: 100%!important;}
a.sigplus-image>img:hover{filter:  sepia(200%) brightness(200%);}
table {
  table-layout: auto; /* Включает автоматическое распределение ширины колонок */
}
:root, [data-bs-theme=light]{
--heading-color:rgb(200,0,0);}

h2{font-size:1.25rem;
   font-family:'Opiumnewcfont';
     margin-top:-1em;
  }

.camera_pag{
  margin-top: -3em;
}
.camera_fakehover{
  margin-top:-0.9em;
}
td, th{
vertical-align: top;
}
table td:first-child
{padding-right:1.5em;}