/*
Theme Name: Atlas-soft
Theme URI: 
Description: 
Author: 
Author URI: 
Version:
*/

#thanks-loader{
	opacity: 0.7;
	background: #fff;
}

#thanks-loader .modal-container{
	background: #fff;
}

.h2-hover{
	color: #3B69BC;
}

.price__link{
	display: inline-block;
    margin: 0;
    padding: 10px 0px 2px;
    font-weight: 400;
    line-height: 1;
    color: #B6B6B6;
    background: #fff;
    border-bottom: 1px solid #B6B6B6;

}

.price__link:hover{
	border-bottom: none;
}

.errp{


}
.errp img{
width: 24px;
margin: 20px 5px 10px 0px;
float: right;
}
@media screen and (min-width: 540px) {
.header__phone{
	padding-left:20px;
}
}


.content .link-style a{
	color: #3B69BC;
	border-bottom: 1px solid #3B69BC;
}
.content .link-style a:hover{
	color: #3dbdef;
	border-bottom: 1px solid rgba(61, 189, 239, 0.6);
}

.table--type2 td{
	width: 50%;
}

.price__bottom .price__count a{
	text-decoration: underline;
	color: #B6B6B6;
}
#calc-form .calc-price{
	display: list-item;	
	position: relative;
	margin-bottom: 0;
}

#calc-form .calc-price .calc-price-title{
	position: relative;
	padding-left: 20px;
}

#calc-form .calc-price:before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #3dbdef;
    background-position: 50% 50%;
    background-repeat: no-repeat;
border-radius: 50%;}



.img-product{
    max-width: 100%;
    margin: 0 0 20px;
    height: auto;
}

.lb-data .lb-details{text-align:center!important;}
.gallerysection h2{color: #ffffff; text-align: center;}
.gallerysection {padding-top: 60px;}

.section-ais{
	padding-right: 30px;
}


.icon-yes { color: #2e7d32; }   /* зелёный */
.icon-no  { color: #c62828; }   /* красный */
.icon-opt { color: #f9a825; }   /* жёлтый/оранжевый */


/* ================================================== */
/* 1. ЕДИНЫЙ БАЗОВЫЙ СТИЛЬ (ПК И МОБИЛЬНЫЕ)           */
/* ================================================== */

/* Сетка: на мобильных в 1 аккуратную колонку */
.blog-hubs-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 20px 0 30px 0;
    padding: 0;
}

/* Карточка: единое скругление 10px и комфортная высота */
.hub-pill {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-align: left;
    border-radius: 10px; /* Единый прямоугольник со скруглением */
    border: 1px solid transparent;
    text-decoration: none !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.hub-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-decoration: none !important;
}

/* -------------------------------------------------- */
/* Цвета всех 12 рубрик                               */
/* -------------------------------------------------- */

/* 1. Основы электронного архива */
.hub-pill[href*="osnovy-elektronnogo-arhiva-baza-znanij"] {
    background-color: #fef3c7;
    color: #92400e;
    border-color: #fde68a;
}

/* 2. Архивы технической документации */
.hub-pill[href*="arhivy-tehnicheskoj-dokumentatsii-proekty-i-gosty"] {
    background-color: #fef9c3;
    color: #854d0e;
    border-color: #fef08a;
}

/* 3. Основы ЭДО и делопроизводства */
.hub-pill[href*="osnovy-edo-i-deloproizvodstva-baza-znanij"] {
    background-color: #eff6ff;
    color: #1e40af;
    border-color: #bfdbfe;
}

/* 4. Выбор и внедрение СЭД */
.hub-pill[href*="vybor-i-vnedrenie-sed-it-arhitektura"] {
    background-color: #e0f2fe;
    color: #0369a1;
    border-color: #bae6fd;
}

/* 5. Кадровый ЭДО и охрана труда */
.hub-pill[href*="kadrovyj-edo-i-ohrana-truda-hr-protsessy"] {
    background-color: #ecfdf5;
    color: #065f46;
    border-color: #a7f3d0;
}

/* 6. Управление бизнес-процессами */
.hub-pill[href*="upravlenie-biznes-protsessami-dogovory-i-zadachi"] {
    background-color: #eef2ff;
    color: #3730a3;
    border-color: #c7d2fe;
}

/* 7. Финансовый и внешний ЭДО */
.hub-pill[href*="finansovyj-i-vneshnij-edo-nalogi-i-kontragenty"] {
    background-color: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

/* 8. Отраслевые решения: Бизнес */
.hub-pill[href*="otraslevye-resheniya-sed-biznes-i-logistika"] {
    background-color: #f5f3ff;
    color: #5b21b6;
    border-color: #ddd6fe;
}

/* 9. Отраслевые решения: Госсектор */
.hub-pill[href*="otraslevye-resheniya-sed-gossektor-i-sotssfera"] {
    background-color: #faf5ff;
    color: #6b21a8;
    border-color: #e9d5ff;
}

/* 10. Электронная подпись и безопасность */
.hub-pill[href*="elektronnaya-podpis-i-bezopasnost-etsp-i-zashhita"] {
    background-color: #fef2f2;
    color: #991b1b;
    border-color: #fecaca;
}

/* 11. Системы электронной очереди */
.hub-pill[href*="sistemy-elektronnoj-ocheredi-klientskij-servis"] {
    background-color: #ecfeff;
    color: #155e75;
    border-color: #a5f3fc;
}

/* 12. Импортозамещение ПО */
.hub-pill[href*="importozameshhenie-po-it-regulirovanie"] {
    background-color: #f1f5f9;
    color: #334155;
    border-color: #cbd5e1;
}

/* Активная страница */
.hub-pill.active {
    background-color: #3B69BC !important;
    color: #ffffff !important;
    border-color: #3B69BC !important;
    font-weight: 600;
}

/* ================================================== */
/* 2. ТОЛЬКО ДЛЯ ПК (ШИРИНА ЭКРАНА ОТ 769px)          */
/* ================================================== */
@media (min-width: 769px) {
    .blog-hubs-list {
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
        gap: 12px;
        margin: 20px 0 35px 0;
    }

    .hub-pill {
        min-height: 76px;
        padding: 10px 16px 10px 95px !important;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-size: auto 100% !important;
    }

    /* Фоновые изображения с плавным градиентом */
    .hub-pill[href*="osnovy-elektronnogo-arhiva-baza-znanij"] {
        background-image: 
            linear-gradient(to right, rgba(254, 243, 199, 0.05) 0%, rgba(254, 243, 199, 0.85) 75px, #fef3c7 95px),
            url('https://atlas-soft.ru/wp-content/uploads/2021_09_06_file04-scaled.jpg') !important;
    }

    .hub-pill[href*="arhivy-tehnicheskoj-dokumentatsii-proekty-i-gosty"] {
        background-image: 
            linear-gradient(to right, rgba(254, 249, 195, 0.05) 0%, rgba(254, 249, 195, 0.85) 75px, #fef9c3 95px),
            url('https://atlas-soft.ru/wp-content/uploads/OrgUVC-L_Bus-33_Single-09-scaled.jpg') !important;
    }

    .hub-pill[href*="osnovy-edo-i-deloproizvodstva-baza-znanij"] {
        background-image: 
            linear-gradient(to right, rgba(239, 246, 255, 0.05) 0%, rgba(239, 246, 255, 0.85) 75px, #eff6ff 95px),
            url('https://atlas-soft.ru/wp-content/uploads/61b49596e26af30eaa442f57-2.jpg') !important;
    }

    .hub-pill[href*="vybor-i-vnedrenie-sed-it-arhitektura"] {
        background-image: 
            linear-gradient(to right, rgba(224, 242, 254, 0.05) 0%, rgba(224, 242, 254, 0.85) 75px, #e0f2fe 95px),
            url('https://atlas-soft.ru/wp-content/uploads/4421964.jpg') !important;
    }

    .hub-pill[href*="kadrovyj-edo-i-ohrana-truda-hr-protsessy"] {
        background-image: 
            linear-gradient(to right, rgba(236, 253, 245, 0.05) 0%, rgba(236, 253, 245, 0.85) 75px, #ecfdf5 95px),
            url('https://atlas-soft.ru/wp-content/uploads/sed-v-yuridicheskih-firmah-1.jpg') !important;
    }

    .hub-pill[href*="upravlenie-biznes-protsessami-dogovory-i-zadachi"] {
        background-image: 
            linear-gradient(to right, rgba(238, 242, 255, 0.05) 0%, rgba(238, 242, 255, 0.85) 75px, #eef2ff 95px),
            url('https://atlas-soft.ru/wp-content/uploads/digital_documents.png') !important;
    }

    .hub-pill[href*="finansovyj-i-vneshnij-edo-nalogi-i-kontragenty"] {
        background-image: 
            linear-gradient(to right, rgba(240, 253, 244, 0.05) 0%, rgba(240, 253, 244, 0.85) 75px, #f0fdf4 95px),
            url('https://atlas-soft.ru/wp-content/uploads/contract_4-1.jpg') !important;
    }

    .hub-pill[href*="otraslevye-resheniya-sed-biznes-i-logistika"] {
        background-image: 
            linear-gradient(to right, rgba(245, 243, 255, 0.05) 0%, rgba(245, 243, 255, 0.85) 75px, #f5f3ff 95px),
            url('https://atlas-soft.ru/wp-content/uploads/elektronnyj-dokumentooborot-v-logistike-1.jpg') !important;
    }

    .hub-pill[href*="otraslevye-resheniya-sed-gossektor-i-sotssfera"] {
        background-image: 
            linear-gradient(to right, rgba(250, 245, 255, 0.05) 0%, rgba(250, 245, 255, 0.85) 75px, #faf5ff 95px),
            url('https://atlas-soft.ru/wp-content/uploads/elektronnyj-dokumentooborot-v-sudoproizvodstve-1.jpg') !important;
    }

    .hub-pill[href*="elektronnaya-podpis-i-bezopasnost-etsp-i-zashhita"] {
        background-image: 
            linear-gradient(to right, rgba(254, 242, 242, 0.05) 0%, rgba(254, 242, 242, 0.85) 75px, #fef2f2 95px),
            url('https://atlas-soft.ru/wp-content/uploads/20943770-scaled.jpg') !important;
    }

    .hub-pill[href*="sistemy-elektronnoj-ocheredi-klientskij-servis"] {
        background-image: 
            linear-gradient(to right, rgba(236, 254, 255, 0.05) 0%, rgba(236, 254, 255, 0.85) 75px, #ecfeff 95px),
            url('https://atlas-soft.ru/wp-content/uploads/elektronnaya-ochered-kakim-dolzhen-byt-talon.png') !important;
    }

    .hub-pill[href*="importozameshhenie-po-it-regulirovanie"] {
        background-image: 
            linear-gradient(to right, rgba(241, 245, 249, 0.05) 0%, rgba(241, 245, 249, 0.85) 75px, #f1f5f9 95px),
            url('https://atlas-soft.ru/wp-content/uploads/rol-elektronnogo-dokumentooborota-v-povyshenii-loyalnosti-klientov-1.png') !important;
    }

    .hub-pill.active {
        background-image: none !important;
        padding-left: 18px !important;
    }
}


/* ==========================================================================
   Sticky-блок с ценами калькулятора
   ========================================================================== */

.calc-price-sticky {
    /* Прилипание к верху экрана */
    position: sticky;
    top: 20px;                    /* небольшой отступ от верха окна */
    z-index: 100;

    /* Оформление */
    padding: 22px 24px 8px;
    margin: 0 0 30px;             /* отступ до следующего блока формы */
    background: #f7faff;          /* очень нежный голубоватый фон в тон сайта */
    border: 1px solid #e5eef8;    /* тонкая светлая рамка */
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(59, 105, 188, 0.06); /* лёгкая тень */
}

/* Внутренние fieldset'ы — убираем лишние границы/отступы, они уже оформлены контейнером */
.calc-price-sticky .calc-price {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}

.calc-price-sticky .calc-price:last-child {
    margin-bottom: 12px;
}

/* Заголовок "Варианты поставки решения" */
.calc-price-sticky legend {
    display: block;
    width: 100%;
    padding: 0 0 8px;
    margin-bottom: 14px;
    font-size: 17px;
    font-weight: 400;
    color: #3B69BC;
    border: 0;
    border-bottom: 1px solid #dbe6f5;
}

.calc-price-sticky legend p {
    margin: 0;
}

/* Подписи к полям */
.calc-price-sticky .calc-price-title {
    font-size: 15px;
    line-height: 1.35;
    color: #3F3F3F;
}

.calc-price-sticky .calc-price-title a {
    color: #3dbdef;
    border-bottom: 1px dotted #3dbdef;
}

.calc-price-sticky .calc-price-title a:hover {
    color: #3B69BC;
    border-bottom-color: #3B69BC;
}

/* Поля с итоговой ценой — делаем их заметнее */
.calc-price-sticky input#final_cost,
.calc-price-sticky input#final_cost_saas {
    width: 100%;
    height: 38px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #3B69BC;
    text-align: right;
    background: #ffffff;
    border: 1px solid #cfdcf0;
    border-radius: 3px;
    cursor: default;
}

.calc-price-sticky input#final_cost[readonly],
.calc-price-sticky input#final_cost_saas[readonly] {
    background: #ffffff;
    color: #3B69BC;
}

/* Убираем лишний нижний отступ у grid-строк внутри sticky-блока */
.calc-price-sticky .grid-box {
    margin-bottom: 8px;
}

/* Адаптив — на узких экранах уменьшаем паддинги и убираем sticky (чтобы не мешало) */
@media screen and (max-width: 980px) {
    .calc-price-sticky {
        position: static;      /* на мобильных прилипание мешает */
        padding: 18px 18px 6px;
    }

    .calc-price-sticky legend {
        font-size: 16px;
    }

    .calc-price-sticky .calc-price-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 540px) {
    .calc-price-sticky {
        padding: 16px 14px 4px;
        border-radius: 3px;
    }

    .calc-price-sticky input#final_cost,
    .calc-price-sticky input#final_cost_saas {
        height: 34px;
        font-size: 15px;
    }
}

/* ==========================================================================
   Блок формы запроса расчёта
   ========================================================================== */


#calc-form fieldset.calc-request {
    /* Оформление — в том же ключе, что и .calc-price-sticky */
    padding: 26px 28px 28px;
    margin: 0;
    background: #f7faff;
    border: 1px solid #e5eef8;
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(59, 105, 188, 0.06);
}

/* Заголовок "Запрос расчёта" */
#calc-form fieldset.calc-request legend {
    display: block;
    width: 100%;
    padding: 0 0 12px;
    margin-bottom: 22px;
    border: 0;
    border-bottom: 1px solid #dbe6f5;
}

#calc-form fieldset.calc-request legend h2 {
    margin: 0 0 50px;
    font-weight: 300;
    font-size: 44px;
    line-height: 1.2;
    color: #3B69BC;
}

/* Подписи к полям */
#calc-form fieldset.calc-request .form__line > div:first-child {
    font-size: 15px;
    line-height: 1.4;
    color: #3F3F3F;
    padding-top: 8px;   /* визуально выравниваем по центру инпута */
}

/* Инпуты, select и textarea */
#calc-form fieldset.calc-request input[type="text"],
#calc-form fieldset.calc-request input[type="email"],
#calc-form fieldset.calc-request input[type="tel"],
#calc-form fieldset.calc-request input[type="number"],
#calc-form fieldset.calc-request select,
#calc-form fieldset.calc-request textarea {
    display: block;
    width: 100% !important;
    height: 42px;
    padding: 6px 14px;
    margin-bottom: 0;
    font-size: 15px;
    color: #3F3F3F;
    background: #ffffff;
    border: 1px solid #cfdcf0;
    border-radius: 3px;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#calc-form fieldset.calc-request textarea {
    height: auto;
    min-height: 120px;
    padding: 12px 14px;
    resize: vertical;
}

/* Кастомная стрелка у select */
#calc-form fieldset.calc-request select {
    padding-right: 38px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%233B69BC' d='M1.4 0L6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    cursor: pointer;
}

/* Состояния */
#calc-form fieldset.calc-request input:focus,
#calc-form fieldset.calc-request select:focus,
#calc-form fieldset.calc-request textarea:focus {
    outline: none;
    border-color: #3dbdef;
    box-shadow: 0 0 0 3px rgba(61, 189, 239, 0.15);
}

/* Placeholder */
#calc-form fieldset.calc-request input::placeholder,
#calc-form fieldset.calc-request textarea::placeholder {
    color: #B6B6B6;
    opacity: 1;
}

/* Ошибка (Parsley) */
#calc-form fieldset.calc-request .parsley-error,
#calc-form fieldset.calc-request input.parsley-error,
#calc-form fieldset.calc-request select.parsley-error,
#calc-form fieldset.calc-request textarea.parsley-error {
    border-color: #fd5445 !important;
    box-shadow: 0 0 0 3px rgba(253, 84, 69, 0.1);
}

/* Кнопка "Запросить счет" */
#calc-form fieldset.calc-request .calc-form-button {
    display: inline-block;
    padding: 14px 32px !important;
    margin-top: 24px !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background: #3B69BC;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

#calc-form fieldset.calc-request .calc-form-button:hover {
    background: #3dbdef;
}

#calc-form fieldset.calc-request .calc-form-button:active {
    transform: translateY(1px);
}

/* Убираем лишний нижний отступ у form__line */
#calc-form fieldset.calc-request .form__line {
    margin-bottom: 16px;
}

#calc-form fieldset.calc-request .form__line:last-of-type {
    margin-bottom: 0;
}

/* Адаптив */
@media screen and (max-width: 980px) {
    #calc-form fieldset.calc-request {
        padding: 22px 20px 24px;
    }

    #calc-form fieldset.calc-request legend h2 {
        font-size: 22px;
    }

    #calc-form fieldset.calc-request .form__line > div:first-child {
        padding-top: 0;
        padding-bottom: 6px;
    }
}

@media screen and (max-width: 540px) {
    #calc-form fieldset.calc-request {
        padding: 20px 16px 22px;
        border-radius: 3px;
    }

    #calc-form fieldset.calc-request legend {
        margin-bottom: 18px;
        padding-bottom: 10px;
    }

    #calc-form fieldset.calc-request legend h2 {
        font-size: 20px;
    }

    #calc-form fieldset.calc-request input[type="text"],
    #calc-form fieldset.calc-request input[type="email"],
    #calc-form fieldset.calc-request input[type="tel"],
    #calc-form fieldset.calc-request input[type="number"],
    #calc-form fieldset.calc-request select {
        height: 40px;
        font-size: 15px;
    }

    #calc-form fieldset.calc-request .calc-form-button {
        display: block;
        width: 100%;
        margin-top: 20px !important;
    }
}

/* ==========================================================================
   Раскладка калькулятора: левая колонка + правая sticky-колонка с ценами
   ========================================================================== */

/* Родитель превращаем в grid: 2 колонки — контент / цены */
.calc-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 40px;
    align-items: start;
    float: none;              /* сбрасываем float: left из .grid-box в main.css */
    width: 100%;
    box-sizing: border-box;
}

/* Все прямые дети grid'а по умолчанию — в левую колонку */
.calc-grid > fieldset {
    grid-column: 1;
    width: 100%;
    box-sizing: border-box;
}

/* Sticky-блок с ценами — в правую колонку на всю высоту */
.calc-grid > .calc-price-sticky {
    grid-column: 2;
    grid-row: 1 / -1;        /* растягиваем по всем строкам, чтобы sticky работал */
    align-self: start;       /* сам блок — по верху */
    width: 100%;
    margin: 0;
    box-sizing: border-box;

    /* Сам sticky */
    position: sticky;
    top: 20px;               /* отступ от верха окна */
    z-index: 10;
}

/* Левые fieldset'ы — убираем лишние отступы, они уже выровнены gap'ом */
.calc-grid > fieldset {
    margin-bottom: 30px;
}

.calc-grid > fieldset:last-of-type {
    margin-bottom: 0;
}

/* Внутри sticky-блока убираем margin-bottom у двух .calc-price,
   т.к. они уже идут друг под другом в узкой колонке */
.calc-price-sticky .calc-price {
    margin-bottom: 14px;
}

.calc-price-sticky .calc-price:last-child {
    margin-bottom: 0;
}

/* Внутренняя сетка sticky-блока: в узкой колонке подписи и инпуты
   должны идти в столбик, а не 70/30, иначе будет тесно */
.calc-price-sticky .width70,
.calc-price-sticky .width30 {
    float: none;
    width: 100%;
}

.calc-price-sticky input#final_cost,
.calc-price-sticky input#final_cost_saas {
    margin-top: 6px;
    text-align: left;
}

/* ==========================================================================
   Адаптив
   ========================================================================== */

/* Планшет: grid схлопываем в одну колонку, но sticky оставляем */
@media screen and (max-width: 980px) {
    .calc-grid {
        display: block;              /* обычный поток */
    }

    .calc-grid > .calc-price-sticky {
        position: sticky;            /* ← вернули sticky */
        top: 0;                      /* прилипает к самому верху */
        z-index: 100;
        margin: 0 0 24px;            /* отступ до следующего блока формы */
        padding: 14px 18px 10px;
        background: #f7faff;         /* фон обязателен, иначе просвечивает контент */
        border: 1px solid #e5eef8;
        border-radius: 4px;
        box-shadow: 0 4px 14px rgba(59, 105, 188, 0.08);
    }

    /* Возвращаем пропорцию 70/30 внутри sticky — на всю ширину экрана снова уместно */
    .calc-price-sticky .width70 {
        float: left;
        width: 70%;
    }

    .calc-price-sticky .width30 {
        float: left;
        width: 30%;
    }

    .calc-price-sticky input#final_cost,
    .calc-price-sticky input#final_cost_saas {
        margin-top: 0;
        text-align: right;
    }

    /* Чуть компактнее заголовки и паддинги внутри */
    .calc-price-sticky legend {
        margin-bottom: 10px;
        padding-bottom: 6px;
        font-size: 15px;
    }

    .calc-price-sticky .calc-price {
        margin-bottom: 10px;
    }

    .calc-price-sticky .calc-price-title {
        font-size: 14px;
    }
}

/* Мобильные: цены в столбик, sticky сохраняем */
@media screen and (max-width: 540px) {
	
	#calc-form .calc-price .calc-price-title{
		padding-bottom: 5px;
	}
	
    .calc-grid > .calc-price-sticky {
        top: 0;
        margin: 0 0 20px;
        padding: 12px 14px 10px;
        border-radius: 3px;
    }

    /* Заголовок "Варианты поставки решения" — компактнее */
    .calc-price-sticky legend {
        display: block;
        width: 100%;
        margin: 0 0 8px;
        padding: 0 0 5px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        color: #3B69BC;
        border-bottom: 1px solid #dbe6f5;
    }

    .calc-price-sticky legend p {
        margin: 0;
    }

    /* Каждый fieldset — с новой строки, друг под другом */
    .calc-price-sticky .calc-price {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        float: none;
    }

    .calc-price-sticky .calc-price:last-child {
        margin-bottom: 0;
    }

    /* Внутри каждого — подпись сверху, инпут под ней на всю ширину */
    .calc-price-sticky .width70,
    .calc-price-sticky .width30 {
        float: none;
        width: 100%;
    }

    .calc-price-sticky .calc-price-title {
        font-size: 12px;
        line-height: 1.3;
        margin-bottom: 4px;
    }

    .calc-price-sticky .grid-box {
        margin-bottom: 0;
    }

    .calc-price-sticky input#final_cost,
    .calc-price-sticky input#final_cost_saas {
        height: 32px;
        padding: 4px 8px;
        margin-top: 0;
        font-size: 14px;
        text-align: left;
    }
}

@media screen and (max-width: 980px) {
    #calc-form .calc-price:before,
    .calc-price-sticky .calc-price:before {
        display: none !important;
        content: none !important;
    }
	#calc-form .calc-price .calc-price-title{
		padding-left: 0px;
	}
}