/*Маркированные и нумерованные списки*/


.t-text ul {
    padding-left: 30px;                 /* сколько хочешь отступа слева */
    list-style-position: inside;        /* маркер "въезжает" вправо, к тексту */
    
}

.t-text ol {
    padding-left: 34px;          /* чуть больше, чем у ul, чтобы цифры влезли */
    list-style-position: inside; /* цифры «въезжают» вправо к тексту — точно как точки */
   
}

.t-text ol li { 
    margin-bottom: 15px; 
    
}


/* Иконки для подменю "Услуги" */

.t830 {
line-height: 1.4;
}

.t830m__list-item:nth-child(1) .t830m__submenu-item:nth-child(1) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild3962-3932-4831-b433-333532623030/icon_18.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(1) .t830m__submenu-item:nth-child(2) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild3434-3731-4263-a137-353832613234/icon_20.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(1) .t830m__submenu-item:nth-child(3) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild3765-3939-4631-a565-366530666335/icon_21.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(1) .t830m__submenu-item:nth-child(4) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6133-3534-4565-b665-623437356661/icon_44.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(1) .t830m__submenu-item:nth-child(5) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild3235-6638-4064-a463-353132646231/icon_22.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(1) .t830m__submenu-item:nth-child(6) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6664-6237-4136-a633-656639666531/icon_29.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
/* Иконки для подменю "Инфоцентр" */
.t830m__list-item:nth-child(2) .t830m__submenu-item:nth-child(1) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6137-3534-4630-a534-633538646238/icon_11.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(2) .t830m__submenu-item:nth-child(2) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6432-3037-4166-b932-656632333464/icon_10.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(2) .t830m__submenu-item:nth-child(3) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6331-3464-4534-b861-376561623430/icon_33.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
/* Иконки для подменю "Компания" */
.t830m__list-item:nth-child(3) .t830m__submenu-item:nth-child(1) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6230-6166-4131-b830-383265363966/icon_7.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(3) .t830m__submenu-item:nth-child(2) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6466-6330-4338-b165-353535656363/icon_9.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(3) .t830m__submenu-item:nth-child(3) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild3331-6664-4331-b433-316666643465/icon_6.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.t830m__list-item:nth-child(3) .t830m__submenu-item:nth-child(4) .t-menusub__link-item::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://static.tildacdn.com/tild6533-6136-4362-b930-336331333361/icon_105.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}

.t830__logo__container {
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}


@media screen and (min-width: 980px) {
    .t830m {
        width: 290px !important; /* Ширина фона меню */
        background-image: url('https://static.tildacdn.com/tild3664-3036-4137-b630-613737363365/top.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        
    }

}


/* Общие стили для верхнего меню */

.header_text {
    display: flex; /* Гибкая компоновка для выравнивания элементов */
    align-items: center; /* Выравнивание элементов по центру вертикально */
    justify-content: space-between; /* Распределение элементов по краям */
    position: relative; /* Позиционирование для z-index */
    z-index: 1000; /* Установка приоритета слоя */
}

/* Стили для блока социальных иконок */
.header_text .socials {
    display: flex; /* Гибкая компоновка для иконок */
    align-items: center; /* Выравнивание по центру вертикально */
    gap: 2px; /* Минимальный промежуток между иконками */
}

.header_text .socials a {
    margin-right: 5px; /* Отступ справа для ссылок социальных иконок */
}

/* Стили для иконок социальных сетей */
.header_text .socials i {
    font-size: 16px; /* Единый размер иконок */
    color: #636363; /* Единый слегка серый цвет */
    transition: color 0.3s; /* Плавный переход цвета при наведении */
}

/* Стили для блока информации (адрес, время, телефон) с единым цветом текста */
.header_text .info {
    display: flex; /* Гибкая компоновка для элементов */
    align-items: center; /* Выравнивание по центру вертикально */
    gap: 15px; /* Промежуток между элементами */
    color: #636363 !important; /* Черный цвет текста с приоритетом */
   
    font-family: 'Roboto';
}

/* Стили для ссылок в адресе */
.header_text .addr a {
    color: #636363 !important; /* Черный цвет текста с приоритетом */
    text-decoration: none; /* Удаление подчеркивания */
}

.header_text .addr a:hover {
    text-decoration: underline; /* Стили для ссылок в адресе при наведении */
    color: #dc3545 !important; /* Цвет номера телефона при наведении */
}

/* Стили для текста телефона */
.header_text .a_phone .ph {
    color: #dc3545; /* Новый красный цвет текста телефона */
    font-weight: 600; /* Полужирный шрифт */
    border-bottom: 1.6px dashed; /* Пунктирная нижняя граница */
    margin-left: 3px; /* Отступ текста от иконки */
    
}

/* Стили для иконок в адресе и телефоне */
.header_text .a_phone i,
.header_text .addr i {
    margin-right: 3px; /* Отступ иконки от текста */
    color: #999; /* Единый цвет иконок */
}

/* Стили для иконок при наведении */
a.soc.youtube:hover i {
    color: #ff0000; /* Красный для YouTube */
}

a.soc.vk:hover i {
    color: #4a76a8; /* Синий для VK */
}

a.soc.fb:hover i {
    color: #0778e9; /* Синий для Facebook */
}

a.soc.tg:hover i {
    color: #27a7e5; /* Голубой для Telegram */
}

a.soc.ok:hover i {
    color: #ee8208; /* Оранжевый для OK */
}

a.soc.x:hover i {
    color: #55adee; /* Синий для Twitter/X */
}

a.soc.inst:hover i {
    color: transparent; /* Прозрачный для Instagram градиента */
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(#fdf497, #fd5949, #285AEB, #bc1888, fuchsia);
}

a.soc.wapp:hover i {
    color: #4AC959; /* Зеленый для WhatsApp */
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 768px) {
    .header_text .info .addr {
        display: none; /* Скрытие адреса на мобильных */
    }
    .header_text .socials {
        gap: 2px; /* Уменьшение промежутка между иконками */
    }
    .header_text .info {
        gap: 5px; /* Уменьшение промежутка между элементами */
    }
}




/* Таблица */

th {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

tr:hover td {
  background: #d64d42;
  color: #fff !important;
}




/* Разрешаем hover на каждой карточке */

.uc-butplay .t-card__col {
  position: relative;
  pointer-events: auto !important;
}

/* Изображение — разрешаем оверлей */
.uc-butplay .t692__blockimg {
  position: relative !important;
  overflow: visible !important;
  border-radius: 12px;
  display: block;
}

/* Круг — чёрный, полупрозрачный, виден сразу */
.uc-butplay .t692__blockimg::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  pointer-events: none;
  z-index: 10;
  opacity: 1;
}

/* Hover — Только на своей карточке */
.uc-butplay .t-card__col:hover .t692__blockimg::after {
  background: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%) scale(1.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Треугольник — белый, виден сразу */
.uc-butplay .t692__blockimg::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-left: 22px solid #ffffff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  z-index: 11;
  pointer-events: none;
  opacity: 1;
}




/* ───────────────────────────────
   ТОЛЬКО В ТВОЁМ МОБИЛЬНОМ МЕНЮ
   ─────────────────────────────── */
#rec1666887811 {



    /* 2. Все главные пункты (УСЛУГИ, ИНФОЦЕНТР, КОМПАНИЯ) */
    .t451m__list_item a.t451__link-item_submenu {
        color: #ffbb00 !important;
        padding-bottom: 5px !important;
        display: block !important;
        line-height: 1.2 !important;
        font-weight: 450 !important;
        /*text-transform: uppercase;*/
    }

    /* 3. Только ИНФОЦЕНТР — отступ сверху */
    .t451m__list_item:nth-child(5) {
        margin-top: 5px !important;
    }

    /* 4. При наведении */
    .t451m__list_item a.t451__link-item_submenu:hover {
        color: #ffdd44 !important;
    }
}




/* Меняем местами телефон и соцсети в мобильном меню */
@media (max-width: 640px) {
    #rec1666887811 .t451m__rightcontainer {
        display: flex;
        flex-direction: column;
    }

    /* Телефон — первым */
    #rec1666887811 .t451m__right_descr {
        order: 1;
        margin-bottom: 5px;     /* расстояние между телефоном и соцсетями */
        text-align: left;
    }

    /* Соцсети — вторыми */
    #rec1666887811 .t-sociallinks {
        order: 2;
        margin-top: 15px;
        padding-bottom: 30px;
    }
}





    
    /* Центрирование колонок в ПОДВАЛЕ внутри до 640px */
    #rec1672528631 .t-col {
        text-align: center !important;
    }
    
    
    /* Порядок блоков в подвале в мобильном разрешении */
    
    #rec1672528631 .t420 > .t-container {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Порядок: 1.Информация 2.Цены 3.Компания 4.Логотип */

    #rec1672528631 .t420__col:first-child { order: 3 !important; }
   /* #rec1672528631 .t420__col:nth-child(3) { order: 3 !important; }*/
}
    
    
/* БУРГЕР В БЛОКЕ #rec1570378441 (ME901) */    

#rec1570378441 .t830__burger span {
    height: 3px !important;
}

#rec1570378441 .t830__burger span {
    height: 3px !important;
}



/* КРАСНЫЙ разделитель для первого блока (Скважина по ГОСТам) */
#rec1412929391 .t1033__col:first-child .t1033__line {
    background-color: #14b30b !important; /* ← КРАСНЫЙ */
    height: 4px !important;
}

/* ЗЕЛЕНЫЙ разделитель для второго блока (Скважина с нарушением) */
#rec1412929391 .t1033__col:last-child .t1033__line {
    background-color: #f03a17 !important; /* ← ЗЕЛЕНЫЙ */
    height: 4px !important;
}



/* ===================== */
/* ЛОГОТИП В МОБИЛЬНОМ МЕНЮ */
/* ===================== */
/* 
Чтобы активировать CSS, удалите комментарии (/* и * /) 
Вот что делает каждый блок:

1. Блок для ссылки с логотипом
2. Блок для изображения внутри ссылки  
3. Эффект при наведении
*/

/* ССЫЛКА С ЛОГОТИПОМ */
/*
#rec1666887811 .mobile-logo-link {
    display: block !important;
    cursor: pointer !important;
    
    ПОЛОЖЕНИЕ: верх право низ лево
    margin: 15px 0 30px 0 !important; ← ДВИГАЙТЕ ЭТИ ЧИСЛА
    
    РАЗМЕР: ширина высота
    width: 150px !important;  ← ШИРИНА лого
    height: 70px !important;  ← ВЫСОТА лого
}
*/

/* КАРТИНКА ВНУТРИ */
/*
#rec1666887811 .mobile-logo-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; ← contain = вписать, cover = заполнить
    display: block !important;
}
*/

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ */
/*
#rec1666887811 .mobile-logo-link:hover {
    opacity: 0.8 !important;
}
*/