.elementor-8265 .elementor-element.elementor-element-4edd551{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8265 .elementor-element.elementor-element-4e8ae5ed{--display:flex;}@media(min-width:768px){.elementor-8265 .elementor-element.elementor-element-4e8ae5ed{--content-width:1400px;}}@media(max-width:1366px){.elementor-8265 .elementor-element.elementor-element-4edd551{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-8265 .elementor-element.elementor-element-4edd551{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-8265 .elementor-element.elementor-element-4edd551{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8265 .elementor-element.elementor-element-4edd551{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8265 .elementor-element.elementor-element-4e8ae5ed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b0c4fa2 */.elementor-element[data-id="75dcd0e3"] {
    margin-top: -100px;
}





#qodef-page-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 20px;
  background-color: #1e1e1e;
  border: 1px solid var(--qode-main-header-color);
}

.qodef-header-logo-link img {
  height: 160px; /* Увеличенный размер логотипа */
  display: block;
}

.qodef-header-navigation {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.qodef-header-navigation ul.menu {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.qodef-header-navigation ul.menu li {
  display: inline-block;
}

.qodef-header-navigation ul.menu li a {
  text-decoration: none;
  font-family: "Futura", sans-serif;
  font-size: 18px;
  color: #D1C7BE;
  transition: color 0.3s ease;
}

.qodef-header-navigation ul.menu li a:hover {
  color: #7590a5; /* Новый цвет при наведении */
}

.qodef-header-navigation ul.menu li a:focus {
  outline: none;
}

.qodef-header-navigation ul.menu li {
  border: none; /* Удаляем линии */
}




#boogie_core_side_area_opener-2,
#boogie_core_side_area_opener-2 a,
#boogie_core_side_area_opener-2 span {
  display: none !important; /* Принудительно скрыть элемент и его содержимое */
}




#menu-main-menu-1 {
  position: relative;
  left: 90px;
}



.qodef-header-logo-image {
  width: 50px !important; /* Увеличенный размер */
  height: auto !important; /* Сохранение пропорций */
  max-width: none !important;
  max-height: none !important;
}

.qodef-header-logo-link {
  display: flex !important; /* Включаем флексбокс для выравнивания */
  align-items: center !important; /* Центрируем логотип по вертикали */
  justify-content: flex-start !important; /* Логотип остаётся слева */
  height: 100%; /* Высота блока для центрирования */
  transform: translateY(-10px) !important; /* Сдвиг вверх на 10px */
}

#qodef-page-header-inner {
  display: flex !important; /* Убедимся, что родительский блок тоже флекс */
  align-items: center !important; /* Центрирование всех вложенных элементов по вертикали */
  justify-content: space-between !important; /* Разделяем логотип и меню */
  height: 50px; /* Убедитесь, что блок имеет фиксированную высоту */
}

.qodef-header-navigation {
  display: flex !important; /* Убедитесь, что меню ведёт себя корректно */
  align-items: center !important; /* Центрируем меню по вертикали */
}



a[onclick] {
    pointer-events: auto !important; /* Делает ссылку кликабельной */
    cursor: pointer !important; /* Показывает курсор */
}





/* Фон мобильного меню */
#qodef-page-mobile-header-inner {
    background-color: #1E1E1E; /* Цвет фона */
    border: 1px solid #D1C7BE; /* Цвет бордюра */
    padding: 10px; /* Внутренние отступы для красоты */
    box-sizing: border-box; /* Учитываем padding в ширине */
    border-radius: 0px; /* Закругленные углы, если нужно */
}

/* Стили для логотипа */
#qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {
    display: block; /* Логотип занимает всю ширину, если нужно */
    margin-bottom: 10px; /* Отступ снизу */
}

/* Кнопка открытия/закрытия меню */
#qodef-page-mobile-header-inner .qodef-mobile-header-opener {
    color: #D1C7BE; /* Цвет иконок открытия/закрытия */
    
    padding: 5px 10px; /* Внутренние отступы */
    border-radius: 5px; /* Закругленные углы */
    background-color: transparent; /* Прозрачный фон кнопки */
    cursor: pointer; /* Указатель при наведении */
}

/* Иконки внутри кнопки */
#qodef-page-mobile-header-inner .qodef-m-icon {
    fill: #D1C7BE; /* Цвет иконок */
}

/* Стили при наведении */
#qodef-page-mobile-header-inner .qodef-mobile-header-opener:hover {
    
    color: #1E1E1E; /* Цвет текста/иконок */
}

#qodef-page-mobile-header-inner .qodef-m-icon:hover {
    fill: #1E1E1E; /* Цвет иконок при наведении */
}



/* Цвет фона открытого меню */
#menu-main-menu-4 {
    background-color: #1E1E1E; /* Цвет фона меню */
    padding: 10px; /* Отступы для содержимого */
    border: 1px solid #D1C7BE; /* Цвет бордюра */
    border-radius: 0; /* Убираем закругления краев */
    overflow: hidden; /* Убираем внутренний скрол */
    box-sizing: border-box; /* Учитываем отступы и границы */
}

/* Цвет текста внутри меню */
#menu-main-menu-4 a {
    color: #D1C7BE; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание ссылок */
}

/* Цвет текста при наведении */
#menu-main-menu-4 a:hover {
    color: #7590A5; /* Цвет текста при наведении */
}

/* Убираем точки списка */
#menu-main-menu-4 li {
    list-style: none; /* Убираем маркеры списка */
}

/* Цвет точек при наведении */
#menu-main-menu-4 li:hover .qodef-menu-item-text {
    color: #D1C7BE; /* Цвет текста при наведении */
}

/* Убираем внутренний скрол */
#menu-main-menu-4::-webkit-scrollbar {
    display: none; /* Убираем скролл для WebKit-браузеров */
}









/* Убираем оранжевый бордюр только у мобильного меню */
.qodef-mobile-header-navigation,
.qodef-mobile-header-navigation *:where(border-color: #CA4D3F) {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}






/* Основной стиль для меню */
#menu-main-menu-3 {
    background-color: #1E1E1E; /* Фон меню */
    padding: 10px; /* Внутренние отступы */
    border: 1px solid #D1C7BE; /* Цвет бордюра */
    border-radius: 0; /* Убираем закругления краев */
    overflow: hidden; /* Убираем внутренний скрол */
    box-sizing: border-box; /* Учитываем отступы и границы */
}

/* Стили для ссылок в меню */
#menu-main-menu-3 a {
    font-family: "Futura", sans-serif !important; /* Шрифт */
    font-size: 18px !important; /* Размер шрифта */
    color: #D1C7BE; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    transition: color 0.3s ease, font-size 0.3s ease; /* Плавный переход для цвета текста и размера */
    display: inline-block; /* Корректное отображение */
}

/* Цвет текста при наведении */
#menu-main-menu-3 a:hover {
    color: #7590A5; /* Цвет текста при наведении */
    font-size: 20px; /* Увеличенный размер текста при наведении */
}

/* Убираем маркеры списка */
#menu-main-menu-3 li {
    list-style: none; /* Убираем стандартные маркеры списка */
    margin-bottom: 20px; /* Устанавливаем расстояние между пунктами меню */
}

/* Убираем отступ у последнего элемента */
#menu-main-menu-3 li:last-child {
    margin-bottom: 0;
}

/* Цвет точки перед текстом (псевдоэлемент ::before) */
#menu-main-menu-3 li a::before {
    content: ''; /* Добавляем пустой контент для псевдоэлемента */
    display: inline-block; /* Отображение как блочного элемента */
    width: 4px; /* Ширина точки */
    height: 4px; /* Высота точки */
    background-color: #7590A5; /* Цвет точки */
    margin-right: 10px; /* Отступ от текста */
}

/* Цвет точки при наведении на ссылку */
#menu-main-menu-3 li a:hover::before {
    background-color: #7590A5; /* Цвет точки при наведении */
}

/* Удаляем оранжевый бордюр, если он задан */
#menu-main-menu-3 li a {
    border: none !important;
    outline: none !important;
}

/* Центрирование меню */
#menu-main-menu-3 {
    text-align: left; /* Меню выравнивается по левому краю */
}

/* Убираем скролл в меню, если есть */
#menu-main-menu-3::-webkit-scrollbar {
    display: none; /* Убираем скроллбар для WebKit-браузеров */
}

/* Стили для активного пункта меню */
#menu-main-menu-3 li.current-menu-item a {
    color: #7590A5; /* Цвет активного элемента */
    font-weight: bold; /* Жирный текст для активного пункта */
}

#menu-main-menu-3 li.current-menu-item a::before {
    background-color: #7590A5; /* Цвет точки для активного элемента */
}



/* Убираем лишние отступы у пунктов меню */
#menu-main-menu-3 li {
    margin: 0; /* Убираем внешние отступы */
    padding: 15px 0; /* Внутренний отступ сверху и снизу */
    list-style: none; /* Убираем маркеры */
    height: auto; /* Устанавливаем автоматическую высоту */
    line-height: 25px; /* Выравниваем текст */
}

/* Убираем отступы внутри ссылок */
#menu-main-menu-3 li a {
    padding: 0; /* Убираем внутренние отступы */
    display: inline-block; /* Корректное отображение */
    line-height: 15px; /* Устанавливаем высоту строки */
    font-size: 18px; /* Размер текста */
    text-decoration: none; /* Убираем подчеркивание */
}



/* Сместить текст пунктов меню */
#menu-main-menu-3 li a .qodef-menu-item-text {
    margin-left: 15px; /* Сдвигаем текст правее */
}

/* Сохраняем тултип на месте */
#menu-main-menu-3 li a {
    position: relative; /* Убедимся, что тултип остаётся на месте */
}



/* Цвет иконки меню */
.qodef-m-icon path {
    fill: #7590A5; /* Устанавливаем цвет иконки */
}

/* Цвет иконки при наведении */
.qodef-m-icon:hover path {
    fill: #D1C7BE; /* Цвет иконки при наведении */
}



/* Цвет иконки меню в закрытом состоянии */
.qodef-m-icon path {
    fill: #FFFFFF; /* Белый цвет для закрытой иконки */
}

/* Цвет иконки меню при наведении в закрытом состоянии */
.qodef-m-icon:hover path {
    fill: #7590A5; /* Голубой цвет при наведении */
}

/* Цвет иконки меню в открытом состоянии */
.qodef-opener-icon.qodef--opened .qodef-m-icon path {
    fill: #7590A5; /* Голубой цвет для открытой иконки */
}

/* Цвет иконки меню при наведении в открытом состоянии */
.qodef-opener-icon.qodef--opened .qodef-m-icon:hover path {
    fill: #FFFFFF; /* Белый цвет при наведении */
}



.elementor-element[data-id="5543eab"] {
    margin-top: -90px;
}


.elementor-element[data-id="7f6a105"] {
    margin-top: -180px;
}




.qodef-m-opener,
.qodef-side-area-opener {
    display: none !important;
}

.qodef-widget-holder.qodef--one {
    display: none !important;
}



.woocommerce-notices-wrapper {
    display: none !important;
}





.checkout-button {
    height: 50px !important; /* Фиксированная высота */
    background-color: #008FA1 !important; /* Фон кнопки */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.qodef-m-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%; /* Занимает всю высоту кнопки */
}/* End custom CSS */