.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 15rem;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1.5rem;
    --bs-offcanvas-padding-y: 1.5rem;
    --bs-offcanvas-color: var(--bs-white);
    --bs-offcanvas-bg: #1e2228;
    --bs-offcanvas-border-width: 0;
    --bs-offcanvas-border-color: transparent;
    --bs-offcanvas-box-shadow: none;
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
        transform: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
        transform: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
        transform: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
        transform: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
        transform: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 74px;
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(30, 34, 40, .7)
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: 1
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}


.banner-section {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; /* Ensures the image covers the entire section */
	/*background-attachment: fixed;*/
	height: 460px; /* Or use a more flexible unit like viewport height: height: 60vh; */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative; /* Needed for absolute positioning of the overlay */
}

.banner-section .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(195, 149, 116, 0.8); /* Your RGBA color */
	display: flex; /* To vertically align content inside overlay */
	align-items: center; /* To vertically align content inside overlay */
	justify-content: center; /* To horizontally align content inside overlay */
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
	.banner-section h2 {
		font-size: 2em; /* Smaller font size for smaller screens */
	}
}

/* Планшеты (до 992px) */
/*@media (max-width: 991.98px) {
	.responsive-img {
		width: 160px !important;
	}
}
!* Мобильные (до 768px) *!
@media (max-width: 767.98px) {
	.responsive-img {
		width: 50px !important;
	}
}*/

/* Боковая панель */
/*.sidebar{
	position: fixed;
	top: 0;
	left: 0;
	width: 240px;
	height: 100vh;
	background-color: #1A2643;
	color: white;
	z-index: 9999;
	padding: 4px;
}

.content {
	margin-left: 240px;
}

#headerLogo {
	display: none;
}

@media (max-width: 768px) {
	.sidebar {
		display: none;
	}
	.content {
		margin-left: 0;
	}
	#headerLogo {
		display: block;
	}
}*/

/* HR */
/*.slash-l-hr {
	width: 80%;
	margin: 20px 0 0 auto;
	padding: 0;
	height: 6px;
	border: none;
	box-sizing: border-box;
	background-position: 50%;
	color: orange;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="orange"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"></polygon><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"></polygon></svg>');
	background-size: 6px 6px;
}

.slash-r-hr {
	width: 80%;
	margin: 20px auto 0 0;
	padding: 0;
	height: 6px;
	border: none;
	box-sizing: border-box;
	background-position: 50%;
	color: orange;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="orange"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"></polygon><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"></polygon></svg>');
	background-size: 6px 6px;
}*/

/* Стиль для обтекания картинки слева */
.note-float-left {
	float: left;
	margin-right: 18px; /* Отступ справа от картинки, чтобы текст не прилипал */
	height: auto; /* Сохраняет пропорции */
}

/* Стиль для обтекания картинки справа */
.note-float-right {
	float: right;
	margin-left: 18px; /* Отступ слева от картинки */
	height: auto;
}

@media (max-width: 767.98px) {
	.note-float-left,
	.note-float-right {
		float: none !important; /* Убираем обтекание */
		margin-left: auto;     /* Центрируем изображение */
		margin-right: auto;
		display: block;        /* Делаем блочным для центрирования */
		max-width: 100%;       /* Занимает всю доступную ширину */
	}
}


/* Стили для сброса стандартных маркеров и добавления своих. Для <div class="g_ul"> */
.g_ul ul {
	list-style: none; /* Убираем стандартные маркеры */
	padding: 0; /* Обнуляем внутренний отступ для ul */
	margin: 0; /* Обнуляем внешний отступ для ul */
}

.g_ul ul li {
	position: relative; /* Позволяет позиционировать псевдоэлемент относительно li */
	padding-left: 30px; /* Отступ слева для текста, чтобы не налезал на иконку */
	margin-bottom: 10px; /* Отступ между пунктами списка */
	line-height: 1.5; /* Межстрочный интервал для лучшей читаемости */
}

/* Создаем псевдоэлемент для иконки Font Awesome */
.g_ul ul li::before {
	content: "\f560"; /* Юникод-код для fa-check-double. Найдите его на Font Awesome сайте для других иконок. */
	font-family: "Font Awesome 6 Pro"; /* Или "Font Awesome 6 Solid", "Font Awesome 6 Free", в зависимости от версии и типа иконки */
	font-weight: 900; /* Обычно 900 для solid, 400 для regular, 300 для light. Для duotone может быть специфично. */
	position: absolute;
	left: 0; /* Располагаем иконку слева */
	top: 0; /* Выравниваем по верху текста */
	font-size: 20px; /* Размер иконки */
	color: #c39574; /* Основной цвет */
}



/* Стили для каждого элемента списка LI внутри .list-with-icons */
ul.list-with-icons li {
	position: relative;
	/*padding-left: 40px !important;*/ /* Отступ слева для текста, чтобы он не налезал на иконку */
	margin-bottom: 8px;
	line-height: 1.5;
}

/* Псевдоэлемент ::before для добавления иконки */
ul.list-with-icons li::before {
	content: "\f560"; /* Unicode-код для иконки fa-check-double (solid) */
	font-family: "Font Awesome 6 Pro"; /* ИЛИ "Font Awesome 6 Pro" / "Font Awesome 6 Free" / "Font Awesome 6 Solid" */
	font-weight: 900; /* Или другой вес для duotone */
	position: relative;
	left: 0;
	top: 50%;
	color: #c39574; /* Цвет вашей иконки */
	/*transform: translateY(-50%);*/
	font-size: 1.2em;
	text-align: center;
	padding-right: 12px;
}

/* Ваш кастомный CSS */
@media (max-width: 767.98px) {
	.col-sm-12 .text-start {
		text-align: unset !important; /* Или center, right, initial */
	}
	.col-sm-12 .text-end {
		text-align: unset !important; /* Или center, right, initial */
	}
}



/* Кнопки */
.gb_but {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	background-color: #c39574; /* Green */
	border: 2px solid #c39574;
	color: white;
	padding: 8px 20px 8px 20px;
	text-align: center;
	text-decoration: none;
	/*display: inline-block;*/
	/*font-size: 16px;*/
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 700;
}
.gb_but_h:hover {
	gap: 1.6rem;
	background-color: #836148;
	border: 2px solid #836148;
	color: white;
	font-weight: 700;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.gb_but i {
	font-size: 1rem;
}


.gc_but {
	background-color: #858383; /* Green */
	border: 2px solid  #858383;
	color: #ffffff;
	padding: 8px 16px 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*font-size: 16px;*/
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 700;
	min-width: 40%;
}
.gc_but_h:hover {
	background-color: #2d2d2d;
	border: 2px solid  #2d2d2d;
	color: #ffffff;
	font-weight: 700;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.all_but {
	background-color: #c39574; /* Green */
	border: 2px solid  white;
	color: #ffffff;
	padding: 8px 16px 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*font-size: 16px;*/
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 700;
	min-width: 40%;
}
.all_but_h:hover {
	background-color: #2d2d2d;
	border: 2px solid  #2d2d2d;
	color: #ffffff;
	font-weight: 700;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.all_but_s {
	background-color: #809779; /* Green */
	border: 2px solid  white;
	color: #ffffff;
	padding: 8px 16px 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*font-size: 16px;*/
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 700;
	min-width: 40%;
}
.all_but_s_h:hover {
	background-color: #2d2d2d;
	border: 2px solid  #2d2d2d;
	color: #ffffff;
	font-weight: 700;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.social_but {
	background-color: #c39574; /* Green */
	border: 2px solid #c39574;
	color: white;
	padding: 8px 16px 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*font-size: 16px;*/
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 700;
}
.social_but_h:hover {
	background-color: #809779;
	border: 2px solid #809779;
	color: white;
	font-weight: 700;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}




.icon-fix {
	font-size: 18px; /* подогнать под Unicons */
	margin-top: 3px; /* чуть опустить */
	flex-shrink: 0;
}




/*.i_but {
	background-color: #ffffff;
	border: 1px solid #f7941d;
	color: #f7941d;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	!* font-size: 16px; *!
	!* margin: 4px 2px; *!
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border-radius: 50%;
	width: 68px;
	font-weight: 500;
}
.i_but_h:hover {
	background-color: #f7941d;
	color: #ffffff !important;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.meqena_but {
	background-color: #1A2643;
	border: 1px solid #1A2643;
	color: #f7941d;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	!* font-size: 16px; *!
	!* margin: 4px 2px; *!
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 500;
}
.meqena_but_h:hover {
	background-color: #1A2643;
	color: #ffffff !important;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.ber_but {
	background-color: #f7941d;
	border: 1px solid #f7941d;
	color: #1A2643;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	!* font-size: 16px; *!
	!* margin: 4px 2px; *!
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: 500;
}
.ber_but_h:hover {
	background-color: #f7941d;
	color: #ffffff !important;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}*/
/* //Кнопка */

/* dropdown-menu */
/*.lang-toggle {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #f7941d;
	color: #f7941d;
	!*  color: white;*!
	font-weight: 700;
	text-align: center;
	line-height: 45px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.dropdown-menu {
	min-width: auto;
	padding: 10px;
	display: flex;
	gap: 10px;
	!*background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);*!

}

.lang-option {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #f0f0f0;
	text-align: center;
	line-height: 40px;
	font-weight: 600;
	font-size: 14px;
	color: #0b0b0b;
	transition: all 0.2s;
	cursor: pointer;
	border: 1px solid #f7941d;
	margin: 4px 0 4px 0;
}

.lang-toggle:hover {
	background-color: #f7941d;
	color: #f0f0f0;
}
.lang-option:hover {
	background-color: #f7941d !important;
	color: #f0f0f0;
}*/
/* //dropdown-menu */

/* FORMS INPUTS */
.custom-form input[type="text"],
.custom-form input[type="email"],
.custom-form input[type="password"],
.custom-form input[type="tel"],
.custom-form input[type="number"],
.custom-form input[type="url"],
.custom-form input[type="search"],
.custom-form input[type="date"],
.custom-form input[type="time"],
.custom-form input[type="datetime-local"],
.custom-form input[type="month"],
.custom-form input[type="week"],
.custom-form input[type="file"],
.custom-form input[type="color"],
.custom-form input[type="checkbox"],
.custom-form textarea,
.custom-form select,
#reportrange {
	width: 100%;
	padding: 6px;
	/*margin: 4px;*/
	box-sizing: border-box;
	border: 2px solid #1A2643;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	outline: none;
	/*border-radius: 5px; */
	font-size: 16px;
}

/* Стиль при фокусе */
.custom-form input[type="text"]:focus,
.custom-form input[type="email"]:focus,
.custom-form input[type="password"]:focus,
.custom-form input[type="tel"]:focus,
.custom-form input[type="number"]:focus,
.custom-form input[type="url"]:focus,
.custom-form input[type="search"]:focus,
.custom-form input[type="date"]:focus,
.custom-form input[type="time"]:focus,
.custom-form input[type="datetime-local"]:focus,
.custom-form input[type="month"]:focus,
.custom-form input[type="week"]:focus,
.custom-form input[type="file"]:focus,
.custom-form input[type="color"]:focus,
.custom-form input[type="checkbox"]:focus,
.custom-form textarea:focus,
.custom-form select:focus,
#reportrange:focus {
	border: 2px solid #f7941d;
}





/* Кнопка прокрутки */
/*#scrollToTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: #f7941d ;
	color: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.3s ease;
}
#progressCircle {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 40px;
	height: 40px;
}
#progressPath {
	fill: none;
	stroke: white;
	stroke-width: 2.5;
}
#scrollToTop span {
	position: relative;
	z-index: 1;
}
#scrollToTop.visible {
	opacity: 1;
}*/
/* //Кнопка прокрутки */




/* Скрываем оба меню по умолчанию
.men_item,
.menu_mob {
	display: none;
}
@media (max-width: 992px) {
	.menu_mob {
		display: block;
	}
}
@media (min-width: 993px) {
	.men_item {
		display: block;
	}
}*/

/* Выплывающие кнопки
.floating-buttons {
	position: fixed;
	right: 6px;
	top: 30%;
	display: flex;
	flex-direction: column;
	gap: 15px;
	z-index: 1000;
}
.floating-button {
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #042C57;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: width 0.4s ease, border-radius 0.4s ease;
	overflow: hidden;
}
.floating-button span {
	position: absolute;
	left: 60px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #042C57;
	color: white;
	padding: 8px 15px;
	border-radius: 20px;
	opacity: 0;
	white-space: nowrap;
	pointer-events: none;
	transition: opacity 0.4s ease, left 0.4s ease;
	font-size: 14px;
}
.floating-button i {
	font-size: 20px;
	font-weight: bold;
	color: white;
}
.floating-button:hover {
	width: 180px;
	border-radius: 6px;
}
.floating-button:hover span {
	opacity: 1;
	left: 2px;
}
/* Выплывающие кнопки */