/* html { overflow-x: hidden !important; } body { overflow-x: hidden !important; } */ /* Горизонтальную полоса прокрутки */

/* === Сделать ширину блока как вся страница сайта (86765657 - Эта закладка для "w.txt") ============================ */
/* Вписываю по необходимости этот класс везде и в Элементоре в виджете "Внутренняя секция" / Расширенные / CSS-классы" */
.elementor_polnaya_shirina { max-width: 1180px; margin: 0 auto; padding: 0px 20px 0px 20px; } /*  Для работы этого класса надо поставить шаблон страницы "Elementor полная ширина" */ 

/* Для работы этого класса надо поставить шаблон страницы "Шаблон по умолчанию" или "Тема". Сейчас сюда вписаны стили из класса "ast-container" темы "Astra", а "max-width:" я добавил сам */ 
.shirina_sayta_po_umolch { max-width: 1180px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } 
/* ===================================================================== */

/* === Форма обратной связи. (Шаблоны самих форм в "Плагины\Contact form 7 - Форма обратной связи") =========================== */
/* Фон в поле ввода текста изменился: Это из-за того что я выбрал из выпад списка ранее введенный текс. Набрать его вручную */ 
/* --- Contact_Form_7_Forma_1 - НАЧАЛО ----------------------------------------------------------------- */
.Contact_Form_7_Forma_1 select, .Contact_Form_7_Forma_1 input, .Contact_Form_7_Forma_1 text { padding: 8px 10px 8px 10px !important; width: 100% !important; min-width: 100%!important; 
border-radius: 50px !important; border: 1px solid #d4d4d4 !important; }
.Contact_Form_7_Forma_1 select, .Contact_Form_7_Forma_1 input, .Contact_Form_7_Forma_1 text { background-color: #f6f6f6 !important; color: #000 !important; }
.Contact_Form_7_Forma_1 p { margin-bottom: 0px; }

/* Надпись "Поле обязательно для заполнения" которая появляется при не правильном заполнении поля в форме. Как я узнал как ее изменить: Попытался отправить не правильно заполненную форму и когда появились эти надписи в браузере выбрал "Исследовать элемент" */ 
.Contact_Form_7_Forma_1 span { color: #ff0000 !important; text-align: center; }

.wpcf7-response-output { margin-top: -30px !important; margin-bottom: 0px !important; text-align: center; } /* Надпись "Не корректное заполнение." которая появляется при не правильном заполнении формы */

/* кн "Отправить" */
.Contact_Form_7_Forma_1_kn input { width: 100%; color: white !important; font-weight: bold !important; white-space: pre-line; 
background-color: #000 !important; border-radius: 100px !important; border: none !important; font-size: 10pt !important; padding: 20px 20px 20px 20px !important; } 
.Contact_Form_7_Forma_1_kn input:hover { border-radius: 100px !important; background-color: #767676 !important; }
.Contact_Form_7_Forma_1_kn p { margin-bottom: 0px; padding-bottom: 0px; }

.Contact_Form_7_Forma_1 input::placeholder, .Contact_Form_7_Forma_1 textarea::placeholder { color: #b5b5b5; } /* Текст который введен до ввода текста в полях формы (placeholder) */
.Contact_Form_7_Forma_1 input:hover, .Contact_Form_7_Forma_1 select:hover { background-color: #fff  !important; } /* Стиль при наведении на текстовое поле */
.Contact_Form_7_Forma_1 input:focus, .Contact_Form_7_Forma_1 select:focus { border: 1px solid #000  !important; } /* Стиль при щелчке в текстовом поле */

.Contact_Form_7_Forma_1 select { /* Тема "Astra" скрывает стрелку в выпад. списке и грузит вместо нее картинку. Тут я возвращаю стрелку */
/* background-position-y: calc( 100% - 15px ); */
background: none;
appearance: menulist;
-webkit-appearance: menulist;
-moz-appearance: menulist;
cursor: pointer;
}
/* --- Contact_Form_7_Forma_1 - КОНЕЦ -------------------------------------------- */

/* --- Кнопки в "Elementor" ---------------------------------------------------------------- */
.knWidth_100_procentov button { width:100%;} /* Кнопка */ 

/* --- Плагин "MetForm" --------------------------------------------------------------------- */
.mf-error-message { font-size: 10pt; text-align: center; } /* Надпись "Это обязательное поле." */
/* ======================================================== */

/* === Подпись внизу картинки в модальном окне-лайтбоксе Элементоровского плагина "Галерея" ================== */
  /* .elementor-slideshow__title { display: none; } */

  /* === Скрыть стрелки-влево-вправо навигации которые появляются по мимо тех котые в слайдере сделанном из секций в плагине "OoohBoi Steroids for Elementor" ============== */
/* .swiper-button-next:after, .swiper-button-prev:after { display: none; } */

/* === Кактинка изображение товара одинакового размера без обрезания ================================ */
/* .archive-img-wrap.vel_crop { height: 20em !important; } */
.woocommerce-LoopProduct-link img { /* Тут последовательность тегов и они сами в каждой теме могут распологаться по разному по этому смотреть ее в каждой теме и соответственно вписывать сюда */
    width: auto;
    height: 20em;
    display: block;
    margin: 0 0 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto 
}
/* ================================================= */

/* Выровнять по середине звездный рейтинг на странице категории товаров */
/* .woo-entry-inner .star-rating { margin-left: auto !important; margin-right: auto !important; }  */

.phoneFormat { margin-bottom: 25px !important; } /* В плагине "Buy one click WooCommerce" в форме сделал отступ от надписи "Формат +7 (XXX)-XXX-XX-XX" чтобы сделать галочку согласия обработки своих данных под ней ниже */

/* === myBlok_schetchik_kolichestva (это виджет "Счетчик" в Элементоре) ====================== */
.myBlok_schetchik_kolichestva_1 .elementor-counter-number { width: 200px; height: 200px; min-width: 200px; min-height: 200px; display: flex; align-items: center; justify-content: center; background-image: url('../my/myBlok_schetchik_kolichestva/1.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.myBlok_schetchik_kolichestva_2 .elementor-counter-number { width: 200px; height: 200px; min-width: 200px; min-height: 200px; display: flex; align-items: center; justify-content: center; background-image: url('../my/myBlok_schetchik_kolichestva/2.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.myBlok_schetchik_kolichestva_3 .elementor-counter-number { width: 200px; height: 200px; min-width: 200px; min-height: 200px; display: flex; align-items: center; justify-content: center; background-image: url('../my/myBlok_schetchik_kolichestva/3.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.myBlok_schetchik_kolichestva_4 .elementor-counter-number { width: 200px; height: 200px; min-width: 200px; min-height: 200px; display: flex; align-items: center; justify-content: center; background-image: url('../my/myBlok_schetchik_kolichestva/4.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
/* =============================================================================== */

/* === Боковое меню. Плагин "Bellows Accordion Menu" ===================================== */
.bellows { margin-top: 0px !important; } /* Убрать верхний отступ у всего меню */
.bellows .bellows-nav .bellows-subtoggle { width: 30px !important; } /* Ширина контейнера со стрелочкой которая разворачивает свиток подпунктов */
.bellows .bellows-nav .bellows-subtoggle .fa { text-align: left !important; } /* Выравнивание стрелочки в контейнере который разворачивает свиток подпунктов */
.bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target { padding-right: 43px !important; } /* Уменьшение отступа у родительского пункта до контейнера со стрелочкой которая разворачивает свиток подменю */
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 .bellows-target { padding-left: 20px !important; } /* Уменьшение отступа у всех подпунктов. Если это убрать то у подпунктов будет больше отступ слева чем у родительских пунктов */
.bellows-target-description { display: none !important; font-size: 80% !important; /* Скрыть описания категорий под пунктами меню */ /* margin-top: 5px !important; */ /* Отодвинуть описание категории от пункта */ }

/* === Скрыть слайдер =============================================================== */
.skrit_slayder { 
display: block;
}

@media (max-width: 800px) { 
.skrit_slayder { 
display: none;
}
}

/* === Мигающая пульсирующая кнопка. Тут много примеров: "_L\sa\Эффекты - Коллекция кнопок". Применяю этот класс к нужным кнопкам ================= */
.pulse12123 {  
animation-name: pulse12123;  
-webkit-animation-name: pulse12123;  
animation-duration: 1.5s;  
-webkit-animation-duration: 1.5s;  
animation-iteration-count: infinite;  
-webkit-animation-iteration-count: infinite;  
}   
/* Если это раскомментрировать то в этом файле будет ошибка. 
@-webkit-keyframes pulse12123 { 
0% { opacity: 0.3; }
50% { opacity: 1; }  
100% { opacity: 0.3; }  
} */

/* === Стили таблиц прайсов (Шаблон в "!Сайты - справка.docx" в "Прайсы и тп таблицы") ======================= */
.my_style_price_konteyner table { 
margin: 0px !important; padding: 0px !important; 
}
/* --- Если прайс не кодом, а картинкой ------------------ */
.my_style_price_kartin { 
height: 300px; overflow: auto; padding-right: 10px !important; /* Если я удаляю эту строку то вместо нее вписать padding: 0px 0px 0px 0px !important; height: 100% !important; overflow: hidden !important; а то внизу появится отступ */
}
.my_style_price_kartin img { 
min-width: 400px; /* Это нужно если прайс вставлен не кодом а картинкой */
}

/* --- Если прайс не картинкой а кодом ------------------- */
.my_style_price_konteyner { 
height: 300px; overflow: auto; padding-right: 10px !important; /* Если я удаляю эту строку то вместо нее вписать padding: 0px 0px 0px 0px !important; height: 100% !important; overflow: hidden !important; а то внизу появится отступ */
}
.my_style_price { 
width: 100% !important;
}
.my_style_price td, .my_style_price th { 
border: 1px solid #ececec !important;
padding: 10px 10px 10px 10px !important;
line-height: 1.5 !important;
word-wrap: break-word !important;
white-space: normal !important;
vertical-align: middle !important;
width: 100% !important; /* Если это убрать то ячейки с ценой не будут по ширине контента, а будут шире */
}
@media (max-width: 800px) { 
.my_style_price, .my_style_price td, .my_style_price th { 
font-family: Oswald_Regular, sans-serif !important;
padding: 3px !important;
font-size: 8pt !important;
}
.my_style_price td, .my_style_price th { 
font-size: 8pt !important;
word-wrap: break-word !important;
white-space: normal !important;
}
}
.my_style_price tr:nth-of-type(odd){ /* "odd" тут значит обратиться ко всем не четным пунктам, а "even" ко всем четным */
background-color: #f9f9f9 !important;
}
.my_style_price tr:nth-of-type(even){ 
background-color: #f2f2f2 !important;
}
/* =================================================== */

/* === Поле поиска товаров в шапке сайта ==================== */
.pole_poiska form {
padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;
display: inline-block !important; 
}
.widget_product_search form:before {
font-size: 0px !important; /* Скрываю таким способом лупу в поле поиска виджета поиска товаров */
}
.pole_poiska input {
  border-radius: 50px !important;
  	 -webkit-transition: All 0.5s ease-out 0s !important;
     -moz-transition: All 0.5s ease-out 0s !important;
     -o-transition: All 0.5s ease-out 0s !important;
     transition: All 0.5s ease-out 0s !important; 
}
.pole_poiska input:focus,
.pole_poiska input:hover { 
border-radius: 0px !important;
}
.pole_poiska button {
  border: none !important;
  outline: none !important;
}
.pole_poiska input {
  border: 2px solid #ff8c00 !important; /* Обводка у поля ввода */
  outline: none !important;
}
.pole_poiska input { /* Поле ввода */
  /* border-radius: 0px !important; */ /* Если это включить то у поля будут изначально острые углы, а они у меня появляются только при наведении */
  height: 35px !important; 
  min-height: 35px !important; 
  background: #f1f1f1 !important; 
  background-image: url('../my/myShapka_1/kn_poisk.svg') !important;
  background-repeat: no-repeat !important; 
  background-position: 100% 50% !important; 
  padding-left: 10px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;
  display: inline-block !important; 
}
.pole_poiska_kont, .pole_poiska input { /* Поле ввода */
  display: inline-block !important; 
  width: 210px !important; /* Ширину поля ввода менять тут */ 
}
.pole_poiska button { /* кн "Поиск" */
  overflow: visible !important;
  /* position: relative !important; top: -6px !important; right: -34px !important; */ /* Положение кнопки поиска для темы "Astra" */
  /* position: relative !important; top: -6px !important; left: -36px !important; */ /* Положение кнопки поиска для темы "Storefront" */
  position: relative !important; top: -5px !important; left: -35px !important; /* Положение кнопки поиска для темы "OceanWP" */
  border-radius: 20px !important;
  background: none !important; 
  /* background: #f1f1f1 !important; 
  background-image: url('../my/myShapka_2/kn_poisk.png') !important;
  background-repeat: no-repeat !important; 
  background-position: center !important; 
  background-size: 100% !important; 
  background-size: cover !important; */
  cursor: pointer !important;
  font-size: 0px !important; /* Скрываю так слово "Поиск" на кнопке виджета поиска товаров */
  display: inline-block !important; 
  padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;
  height: 23px !important;
  width: 23px !important;
  clip: rect(0px, 23px, 23px, 0px) !important; /* Эта команда скрывает кнопку. Тут второе значение должно быть таким же как ширина кнопки, а третье как ее высота */
  -webkit-clip-path: inset(0%) !important; /* Эта команда скрывает кнопку */
  clip-path: inset(0%) !important; /* Эта команда скрывает кнопку */
  float: none !important; 
}

/* === Модальное окно с поиском ================================= */
.modOkno_2_1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999; 
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none; /* Элемент невидим для событий мыши */
}

/* При отображении модального окна */
.modOkno_2_1:target {
  opacity: 1;
  pointer-events: auto;
  overflow-x: auto;
  overflow-y: auto;
}

@media (min-width: 800px) { /* Код сработает если экран шире этого числа */
  .modOkno_2_2 {
    position:absolute; /* Если тут вписать "fixed" тогда если баннер не будет умещаться на экране то наверно не появится полоса прокрутки */
    margin:auto !important;
    top:0;
    left:0;
    right:0;
    bottom:0;
    max-width: 500px; 
  }
}

/* +++ Поле ввода и кн "Поиск" ++++++++++++++++++++++++++++++++++++++++++++ */
/* @media (min-width: 800px) { .modOkno_2_5 { width: 360px; } } */ /* Код сработает если экран шире этого числа */
/* .modOkno_2_5 input { background-color: #ff8c00 !important; color: white !important; border-radius: 100px 0px 0px 100px !important; border: 0px solid red !important; } */ /* Поле ввода */
/* .modOkno_2_5 input::placeholder { color: white; } */ /* Текст который введен до ввода текста в полях формы (placeholder) */
/* .modOkno_2_5 button { background-color: #00008b !important; border-radius: 0px 100px 100px 0px !important; font-size: 10pt !important; padding: 20px 40px 20px 40px !important; } */ /* кн "Поиск" */

/* кн "Поиск" */
/* .modOkno_2_5 button:focus,
.modOkno_2_5 button:hover { 
  border-radius: 0px !important;
  background-color: #ff8c00 !important;
  -webkit-transition: All 0.5s ease-out 0s;
	-moz-transition: All 0.5s ease-out 0s;
	-o-transition: All 0.5s ease-out 0s;
	transition: All 0.5s ease-out 0s;
  } */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.modOkno_2_3 { /* кн "Закрыть" (X) */
  display: inline;
  text-align:right;
}
/* === Модальное окно с поиском - КОНЕЦ =================== */

/* === modOkno_1 ========================== */
    .modOkno_1_1 {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 9999; 
      opacity: 0;
      -webkit-transition: opacity 400ms ease-in;
      -moz-transition: opacity 400ms ease-in;
      transition: opacity 400ms ease-in;
      pointer-events: none; /* Элемент невидим для событий мыши */
    }

    /* При отображении модального окна */
    .modOkno_1_1:target {
      opacity: 1;
      pointer-events: auto;
      overflow-x: auto;
      overflow-y: auto;
    }

    @media (min-width: 800px) { /* Код сработает если экран шире этого числа */
      .modOkno_1_2 {
        position:absolute; /* Если тут вписать "fixed" тогда если баннер не будет умещаться на экране то наверно не появится полоса прокрутки */
        margin:auto !important;
        top:0;
        left:0;
        right:0;
        bottom:0;
      }
      .modOkno_1_4 {
        background-image: url('../my/chelovek.png'); background-repeat: no-repeat; background-position: 20px bottom; background-size: 288px;
      }
    }

    .modal_dialog2_74339856_1 { /* С помощью "JavaScript" этим классом я заставляю выровниться модальное окно по верхнему краю браузера если браузер по высоте меньше определенного размера */ 
      position:relative; 
      margin:auto !important;
      top:0;
      left:0;
      right:0;
      bottom:0;
    }

    .modOkno_1_5 { margin: 20px; }

    @media (min-width: 800px) { /* Минимальная ширина при которой сработает код */
      .modOkno_1_5 { width: 360px; margin: 0px; }
    }

    .modOkno_1_3 { /* кн "Закрыть" (X) */
      display: inline;
      text-align:right;
    }
/* === modOkno_1 - КОНЕЦ =================== */

/* === Кн "Заказать звонок" в нижнем углу экрана ====== */
.callback_bt_675534_1 {
  background: #38a3fd;
  border-radius: 50%;
  box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
  /* cursor: pointer; */ /* Курсор в виде руки для ссылки. Сейчас я ее делаю тегом <a> */
  border: 2px solid transparent;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  position: fixed;
  right: 8%;
  bottom: 18%;
  z-index: 999;
  /* transform: scale(0.8); */ /* Масштаб-размер всей кнопки */ 
  transition: .3s ease-in-out;
  -webkit-animation: hoverWave_675534_1 linear 1s infinite;
  animation: hoverWave_675534_1 linear 1s infinite;
}

.callback_bt_675534_1:hover {
  /* background: #fff; */
  background-image: url('../my/zakazZvonok.png'); background-repeat: no-repeat; background-position: center center; background-size: 100%; background-size: cover;
  border: 2px solid #38a3fd; /* Обводка кнопки */
}

.callback_bt_675534_1 .text_call_675534_1 {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  position: relative;
}

.callback_bt_675534_1 .text_call_675534_1:after {
  content: "\f095"; /* Телефонная трубка "\f095". Конверт "\f0e0" */
  display: block;
  font-family: fontawesome;
  color: #fff;
  font-size: 48px;
  line-height: 87px; /* Меняя тут цифру можно сдвинуть трубку-конверт вверх-вниз. Для трубки пишу тут "87", а для конверта "65" */ 
  height: 90px;
  width: 90px;
  opacity: 1;
  padding-right: 3px; /* Сдвинуть трудбу-конверт влево чтоб был по середине */ 
  transition: .3s ease-in-out;
  animation: 1200ms ease 0s normal none 1 running shake_675534_1;
  animation-iteration-count: infinite;
}

.callback_bt_675534_1 .text_call_675534_1:hover:after {
  opacity: 0;
}

.callback_bt_675534_1 .text_call_675534_1 span {
  color: #38a3fd;
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  opacity: 0;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  text-transform: uppercase;
  transition: .3s ease-in-out;
  font-family: Arial, Helvetica, sans-serif;
}

.callback_bt_675534_1 .text_call_675534_1:hover span {
  opacity: 1;
}

@keyframes hoverWave_675534_1 {
  0% {
      box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
  }

  40% {
      box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
  }

  80% {
      box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
  }

  100% {
      box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
  }
}

/* animations icon */

@keyframes shake_675534_1 {
  0% {
      transform: rotateZ(0deg);
      -ms-transform: rotateZ(0deg);
      -webkit-transform: rotateZ(0deg);
  }

  10% {
      transform: rotateZ(-30deg);
      -ms-transform: rotateZ(-30deg);
      -webkit-transform: rotateZ(-30deg);
  }

  20% {
      transform: rotateZ(15deg);
      -ms-transform: rotateZ(15deg);
      -webkit-transform: rotateZ(15deg);
  }

  30% {
      transform: rotateZ(-10deg);
      -ms-transform: rotateZ(-10deg);
      -webkit-transform: rotateZ(-10deg);
  }

  40% {
      transform: rotateZ(7.5deg);
      -ms-transform: rotateZ(7.5deg);
      -webkit-transform: rotateZ(7.5deg);
  }

  50% {
      transform: rotateZ(-6deg);
      -ms-transform: rotateZ(-6deg);
      -webkit-transform: rotateZ(-6deg);
  }

  60% {
      transform: rotateZ(5deg);
      -ms-transform: rotateZ(5deg);
      -webkit-transform: rotateZ(5deg);
  }

  70% {
      transform: rotateZ(-4.28571deg);
      -ms-transform: rotateZ(-4.28571deg);
      -webkit-transform: rotateZ(-4.28571deg);
  }

  80% {
      transform: rotateZ(3.75deg);
      -ms-transform: rotateZ(3.75deg);
      -webkit-transform: rotateZ(3.75deg);
  }

  90% {
      transform: rotateZ(-3.33333deg);
      -ms-transform: rotateZ(-3.33333deg);
      -webkit-transform: rotateZ(-3.33333deg);
  }

  100% {
      transform: rotateZ(0deg);
      -ms-transform: rotateZ(0deg);
      -webkit-transform: rotateZ(0deg);
  }
}
/* === Кн "Заказать звонок" в нижнем углу экрана - КОНЕЦ ================ */

/* ===  Шапка сайта и верхнее меню ================================== */
.skrit_shapku { display: none !important; } /* Этот класс добавляю в "!_1.php" чтоб на главной показать другую шапку */ 
.prozrach_shapka { position:absolute; top: 0px; width: 100%; } /* Прозрачная шапка поверх фона-баннера-слайдера вверху сайта */

/* --- Липкая шапка ----------------------------------------------------------------------------------- */
.lipkaya_shapka {
  width: 100%;
  display: none;
  position: fixed;
  top: -200px;
  left: 0px;
}

@media screen and (min-width: 800px) {
  .lipkaya_shapka {
    display: block;
  }
}

/* --- Мобильное меню ------------------------------------------------------------------------------ */
@media screen and (max-width: 1024px) {
  .mobMenu {
    position: fixed;
    top:25px;
    right: 20px;
  }
  .mobMenu_LipShap { display: none; } /* Скрыть меню в липкой шапке потому что на этой ширине меню плагина "ElementsKit Elementor addons" превращается в гамбургер */ 
}
/* ============================================================= */