@font-face {
  font-family: 'Gilroy_bold';
  src: url('gilroy-bold.ttf') format('ttf'),
  src: url('gilroy-bold.otf') format('otf'),
       url('gilroy-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('gilroy-regular.ttf') format('ttf'),
  src: url('gilroy-regular.otf') format('otf'),
       url('gilroy-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Igra';
  src: url('IgraSans.ttf') format('ttf'),
  src: url('IgraSans.otf') format('otf'),
       url('IgraSans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


            /* ===== Цвета палитры ===== */
            :root {
                /* Основные цвета логотипа */
                --bs-primary: #2c4371; /* темно-синий */
                --bs-info: #0e97a3; /* бирюзовый */
                --bs-info-bg: #3ac0bf; /* светлый бирюзовый */

                /* Дополнительные цвета */
                --bs-secondary: #a3c4d9; /* пастельный голубой */
                --bs-light: #f2f4f7; /* светлый фон */
                --bs-warning: #f2994a; /* коралловый / оранжевый акцент */

                /* Дополнительно можно переопределить текстовые цвета */
                --bs-body-color: #2c4371; /* основной цвет текста */
                --bs-body-bg: #f2f4f7; /* основной фон */
            }

            /* ===== Кнопки ===== */
            .btn-primary {
                background-color: var(--bs-primary);
                border-color: var(--bs-primary);
            }

            .btn-primary:hover,
            .btn-primary:focus {
                background-color: #1f3156; /* чуть темнее для hover */
                border-color: #1f3156;
            }

            .btn-info {
                background-color: var(--bs-info);
                border-color: var(--bs-info);
                color: #fff;
            }

            .btn-info:hover,
            .btn-info:focus {
                background-color: #0b7a84; /* чуть темнее */
                border-color: #0b7a84;
            }

            .btn-warning {
                background-color: var(--bs-warning);
                border-color: var(--bs-warning);
                color: #fff;
            }

            .btn-warning:hover,
            .btn-warning:focus {
                background-color: #d87c34;
                border-color: #d87c34;
            }

            /* ===== Фоны ===== */
            .bg-primary {
                background-color: var(--bs-primary) !important;
                color: #fff;
            }
            .bg-info {
                background-color: var(--bs-info) !important;
                color: #fff;
            }
            .bg-light {
                background-color: var(--bs-light) !important;
                color: var(--bs-body-color);
            }
            .bg-secondary {
                background-color: var(--bs-secondary) !important;
                color: var(--bs-body-color);
            }
            .bg-warning {
                background-color: var(--bs-warning) !important;
                color: #fff;
            }

            /* ===== Текст ===== */
            .text-primary {
                color: var(--bs-primary) !important;
            }
            .text-info {
                color: var(--bs-info) !important;
            }
            .text-warning {
                color: var(--bs-warning) !important;
            }
            .text-secondary {
                color: var(--bs-secondary) !important;
            }
            .text-body {
                color: var(--bs-body-color) !important;
            }

            /* ===== Наведение и ссылки ===== */
            a {
                color: var(--bs-primary);
            }
            a:hover {
                color: var(--bs-info);
            }

            /* ===== Дополнительно: карточки и блоки ===== */
            .card {
                background-color: var(--bs-white);
                color: var(--bs-body-color);
                border: 1px solid var(--bs-light);
            }

            .card-header {
                background-color: var(--bs-primary);
                color: #fff;
            }

            .card-footer {
                background-color: var(--bs-secondary);
                color: var(--bs-primary);
            }

            body {
                overflow-x: hidden;
            }

            /* Сайдбар */
            #sidebar {
                width: 300px;
                height: 100vh;
                background: #f2f4f7;
                position: fixed;
                top: 0;
                left: 0;
                overflow-y: auto;
                transition: transform 0.3s ease;
                z-index: 1030;
            }
            #sidebar ul li a,
            .submenu-desktop ul li a {
                display: block;
                position: relative;
                width: 100%;
                color: inherit;
                text-decoration: none;
                padding: 9px 0 !important;
                border-bottom: #dedede 1px solid;
            }
            /* Мобильное скрытие */
            @media (max-width: 1199.98px) {
                #sidebar {
                    transform: translateX(-100%);
                }
                #sidebar.show {
                    transform: translateX(0);
                }
            }

            /* Контент */
            #content {
                margin-left: 300px;
                padding: 20px;
                transition: margin-left 0.3s ease;
                
            }
            @media (max-width: 1199.98px) {
                #content {
                    margin-left: 0;
                }
            }

            /* Подменю десктоп */
            .submenu-desktop {
                position: fixed;
                top: 0;
                left: 300px;
                width: 300px;
                height: 100vh;
                background: #f2f4f7;
                display: none;
                z-index: 1020;
                overflow-y: auto;
            }

            /* Подменю мобильное */
            .submenu-mobile {
                display: none;
            }
            .submenu-mobile.show {
                display: block;
            }

            /* Кнопка закрытия мобильного меню */
            #closeSidebar {
                display: none;
                position: absolute;
                top: 10px;
                right: 10px;
                background: none;
                border: none;
                font-size: 1.5rem;
            }
            @media (max-width: 1199.98px) {
                #closeSidebar {
                    display: block;
                }
            }
            @media (min-width: 1199.99px) and (min-height: 700px) {
.description.small {
  column-count: 2;       /* количество колонок */
  column-gap: 30px;      /* расстояние между колонками */
  /* опционально: перенос слов */
  word-wrap: break-word; 
}				
.con_heading {
	font-weight:bold;
}
                .kontakty {
                    width: 256px;
                    position: fixed;
                    bottom: 24px;
                    left: 24px;
                }
            }
            .kontakty a {
                color: inherit;
                text-decoration: none;
            }

            .swiper {
                width: 100%;
                height: 100%;
            }

            .swiper-slide {
                text-align: center;
                font-size: 18px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
			.btn-sm {
			white-space:nowrap;}
			
			
    .masonry {
      column-count: 4;
      column-gap: 1rem;
    }
    @media (max-width: 768px) {
      .masonry {
        column-count: 3;
      }
    }
    @media (max-width: 576px) {
      .masonry {
        column-count: 2;
      }
    }
    .masonry-item {
      break-inside: avoid;
      margin-bottom: 1rem;
    }			
	
	.title-slider {
		position:absolute;
		z-index:222;
		bottom:20px;
		left:20px;
		right:20px;
	}
	
	
@media (max-height: 700px) {
  body {
    background: red;
  }
}