

/* Start:/css/custom.css?174962280022835*/
blockquote {
    font-family: 'Georgia', serif;
    font-size: 1.1em;
    width: 90%;
    margin: 2.5em auto;
    padding: 1.5em 2em 1.5em 3em;
    position: relative;
    background: #f9f9f9;
    border-left: 5px solid #4a90e2;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
}

blockquote p {
    margin-bottom: 0;
    font-style: italic;
    color: #333;
    line-height: 1.6;
}

blockquote b,
blockquote strong {
    display: block;
    margin-bottom: 0.3em;
    font-size: 1.15em;
    font-family: 'Georgia', serif;
    font-weight: bold;
}

blockquote cite {
    display: block;
    margin-top: 1em;
    font-size: 0.9em;
    color: #666;
    font-style: normal;
    text-align: right;
}

blockquote cite::before {
    content: '\2014 \2009';
}


/* Стиль для встроенного кода */
code {
    font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
    color: #333;
    padding: 0.3em 0.5em;
    margin: 0.15em 0;
    background-color: #f5f5f5;
    border-radius: 3px;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    line-height: 1.4;
}
.final-section {
    background: linear-gradient(135deg, #343a40 0%, #495057 100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
    margin-top: 35px;
}
.final-section h3 {
    color: #17a2b8;
    margin-top: 0;
}

.source-box {
    background-color: #f8f9fa;
    border-left: 4px solid #28a745;
    padding: 15px;
    margin: 20px 0;
    border-radius: 5px;
    font-size: 0.9em;
}
.source-title {
    font-weight: bold;
    color: #28a745;
    margin-bottom: 10px;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
}
.data-table th, .data-table td {
    border: 1px solid #dee2e6;
    padding: 12px;
    text-align: left;
}
.data-table th {
    background-color: #e9ecef;
    font-weight: bold;
}
.data-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.section {
    margin-bottom: 35px;
}

pre {
    background-color: #f5f5f5;
    padding: 1em;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    overflow-x: auto;
    margin: 1em 0;
}

pre code {
    font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
    color: #333;
    white-space: pre;  /* Разрешаем переносы строк внутри pre code */
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    display: block;
    line-height: 1.5;
    overflow-x: visible; /* Прокрутка уже есть у родительского pre */
}

.telegram-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.telegram-block:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Заголовок */
.telegram-title-wrapper {
    background-color: #e0f7fa; /* Голубой фон */
    padding: 15px;
    width: 100%;
    text-align: center;
}

.telegram-title {
    color: #0073e6;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    word-wrap: break-word; /* Разрешает перенос слов */
    overflow-wrap: break-word; /* Поддержка для всех браузеров */
    word-break: normal; /* Отключает разрыв слов посередине */
    hyphens: manual; /* Запрещает браузеру разрывать слова дефисами */
}

/* Контейнер текста и кнопки */
.telegram-content-wrapper {
    background-color: #f7f7f7; /* Светло-серый фон */
    padding: 15px;
    width: 100%;
    text-align: center;
}

.telegram-text {
    color: #333;
    font-size: 14px;
    margin: 0 0 10px 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: manual;
}

/* Кнопка */
.telegram-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073e6;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.telegram-button:hover {
    background-color: #005bb5;
    transform: scale(1.1);
}

/* Подпись */
.telegram-footnote {
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    text-align: center;
}



.responsive-video {
            position: relative;
            padding-bottom: 56.25%; /* Пропорция 16:9 */
            padding-top: 25px;
            height: 0;
        }
a.button:hover {
            background-color: #0056b3;
        }

        .responsive-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
.product-section {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
.warning {
            background-color: #fff3cd;
            border-left: 5px solid #ffc107;
            padding: 10px;
            margin-bottom: 20px;
        }
        .tip {
            background-color: #d4edda;
            border-left: 5px solid #28a745;
            padding: 10px;
            margin-bottom: 20px;
        }
       .intro {
            font-size: 1.1em;
            background-color: #f9f9f9;
            border-left: 4px solid #3498db;
            padding: 10px 20px;
            margin-bottom: 20px;
        }
        .tip {
            background-color: #e9f7fe;
            border: 1px solid #3498db;
            border-radius: 4px;
            padding: 10px 15px;
            margin: 15px 0;
        }
        .tip::before {
            content: " Совет: ";
            font-weight: bold;
        }
    .highlight {
        background-color: #f8f8f8;
        border-left: 4px solid #3498db;
        padding: 10px;
        margin: 20px 0;
    }

        .note {
            background-color: #e7f2fa;
            border-left: 5px solid #3498db;
            padding: 10px;
            margin: 20px 0;
        }
        .important {
            background-color: #fdedec;
            border-left: 5px solid #e74c3c;
            padding: 10px;
            margin: 20px 0;
        }
        .formula {
            background-color: #f4f4f4;
            padding: 10px;
            margin: 15px 0;
            border-radius: 5px;
            text-align: center;
            font-size: 18px;
        }
   .conclusion {
            background-color: #f0f0f0;
            padding: 15px;
            border-radius: 5px;
        }
        .program {
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
 .program-link {
            display: inline-block;
            margin-top: 10px;
            padding: 8px 15px;
            background-color: #3498db;
            color: #fff;
            border-radius: 5px;
        }

        .program-link:hover {
            background-color: #2980b9;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        .tool-name {
            font-weight: bold;
            color: #3498db;
        }
        .price {
            font-style: italic;
            color: #27ae60;
        }
        .pros, .cons {
            margin-bottom: 10px;
        }
        .pros strong, .cons strong {
            color: #e74c3c;
        }
        .quote {
            background-color: #f0f0f0;
            border-left: 4px solid #0077b5;
            padding: 10px 20px;
            margin: 20px 0;
            font-style: italic;
        }
        .disclaimer {
            font-style: italic;
            font-size: 0.9em;
            color: #666;
        }
    .styled-list {
        list-style: disc inside;
        margin-left: 20px;
    }
    .step-by-step {
        list-style: decimal;
        margin-left: 20px;
  }
 .toc {
        background: #f9f9f9;
        padding: 20px;
        border: 1px solid #ddd;
        margin-bottom: 40px;
    }
    .toc h2 {
        margin-top: 0;
    }
    .toc ul {
        list-style: none;
        padding: 0;
    }
    .toc ul li {
        margin: 10px 0;
    }
    .toc ul li a {
        text-decoration: none;
        color: #007bff;
    }
       .cta-button {
            display: inline-block;
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            margin-top: 20px;
        }
        .faq-toggle {
            cursor: pointer;
            margin: 10px 0;
            padding: 10px;
            background-color: #f2f2f2;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
 .faq-content {
            display: none;
            margin: 10px 0 20px 0;
            padding: 10px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
}
      .info-box {
            background-color: #f0f8ff;
            border-left: 5px solid #3498db;
            padding: 15px;
            margin: 20px 0;
        }

.download-links a {
            color: #0056b3;
            text-decoration: none;
            margin-right: 15px;
        }

.download-links a:hover {
            text-decoration: underline;
        }
.faq-item {
    margin-bottom: 20px;
}

.faq-item h3 {
    color: #4CAF50;
    margin-bottom: 10px;
}

.faq-item p {
    margin-left: 20px;
}

        .sequence {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 40px;
        }
        .step {
            background-color: #f4f4f4;
            border: 1px solid #ddd;
            padding: 20px;
            margin: 10px 0;
            width: 80%;
            text-align: center;
            position: relative;
        }
        .arrow {
            width: 40px;
            height: 40px;
            background: black;
            background-size: cover;
            margin: 20px 0;
        }
.webinar-banner {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    width: 100%;
    font-family: 'Segoe UI', Roboto, Oxygen, 'Helvetica Neue', sans-serif;
}

.webinar-card {
    background: #fff;
    border-radius: 8px;
    border: 2px solid #e0e6f0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    padding: 22px 25px;
    width: 100%;
    text-align: center;
    position: relative;
}

.webinar-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #4285f4;
    border-radius: 8px 8px 0 0;
}

.webinar-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    line-height: 1.3;
    text-align: center;
    font-family: 'Segoe UI', Roboto, Oxygen, sans-serif;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.webinar-description {
    color: #2c5282;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 18px;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: Georgia, 'Times New Roman', serif;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-weight: 400;
    letter-spacing: 0.3px;
    font-style: italic;
    background-color: #f8fafc;
    padding: 12px 15px;
    border-radius: 6px;
}

.register-button-container {
    text-align: center;
    margin: 15px 0;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.register-button {
    display: inline-block;
    background-color: #4285f4;
    color: white !important;
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 16px;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.4 !important;
    width: auto;
    max-width: 100%;
}

.register-button:hover {
    background-color: #3367d6;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(66, 133, 244, 0.3);
}

.disclaimer {
    color: #888;
    font-size: 8px !important;
    margin-top: 15px;
    text-align: center;
    font-weight: normal;
}

/* Усиленные стили для мобильных устройств */
@media (max-width: 768px) {
    .webinar-card {
        padding: 18px 12px;
    }
    
    .webinar-title {
        font-size: 18px;
    }
    
    .webinar-description {
        font-size: 14px;
        padding: 10px;
    }
    
    .register-button-container {
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
    }
    
    .register-button {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        font-size: 14px;
        padding: 10px 15px;
        line-height: 1.4 !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
}

/* Комплексная стилизация элементов с единым шрифтом для текста */

/* Базовые стили текста для контейнеров с новостями */
div[itemprop="description"],
div[itemprop="articleBody"] {
  font-family: 'Source Sans Pro', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* СТИЛИ ЗАГОЛОВКОВ - отличный шрифт от основного текста */
/* Стили для заголовка h1 */
div[itemprop="description"] h1,
div[itemprop="articleBody"] h1 {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 28px;
  font-weight: 700;
  color: #0f2547; /* Насыщенный темно-синий */
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin-top: 1.2em;
  margin-bottom: 0.8em;
}

/* Стили для заголовка h2 */
div[itemprop="description"] h2,
div[itemprop="articleBody"] h2 {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 24px;
  font-weight: 700;
  color: #233554; /* Глубокий грифельно-синий */
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-top: 1.2em;
  margin-bottom: 0.8em;
}

/* Стили для заголовка h3 */
div[itemprop="description"] h3,
div[itemprop="articleBody"] h3 {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 20px;
  font-weight: 700;
  color: #1e3a5f; /* Темно-лазурный */
  line-height: 1.35;
  margin-top: 1.2em;
  margin-bottom: 0.7em;
}

/* Стили для заголовка h4 */
div[itemprop="description"] h4,
div[itemprop="articleBody"] h4 {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 18px;
  font-weight: 700;
  color: #2a3c52; /* Сланцево-синий */
  line-height: 1.4;
  margin-top: 1.1em;
  margin-bottom: 0.7em;
}

/* Стили для заголовка h5 */
div[itemprop="description"] h5,
div[itemprop="articleBody"] h5 {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 16px;
  font-weight: 700;
  color: #2c3e50; /* Насыщенный серо-синий */
  line-height: 1.4;
  margin-top: 1.1em;
  margin-bottom: 0.7em;
}

/* Стили для заголовка h6 */
div[itemprop="description"] h6,
div[itemprop="articleBody"] h6 {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 16px;
  font-weight: 700;
  color: #34495e; /* Дымчато-синий */
  line-height: 1.4;
  margin-top: 1.1em;
  margin-bottom: 0.7em;
}

/* СТИЛИ АБЗАЦЕВ */
div[itemprop="description"] p,
div[itemprop="articleBody"] p {
  margin-bottom: 1.2em;
  color: #333;
}

/* СТИЛИ СПИСКОВ - тот же шрифт, что и основной текст */
/* Стили для маркированных списков (ul) */
div[itemprop="description"] ul,
div[itemprop="articleBody"] ul {
  padding-left: 20px;
  margin: 15px 0;
}

div[itemprop="description"] ul li,
div[itemprop="articleBody"] ul li {
  position: relative;
  padding-left: 5px;
  margin-bottom: 8px;
  list-style-type: none;
}

div[itemprop="description"] ul li::before,
div[itemprop="articleBody"] ul li::before {
  content: "•";
  position: absolute;
  left: -15px;
  color: #1e3a5f; /* Как у h3 */
  font-size: 18px;
}

/* Стили для нумерованных списков (ol) */
div[itemprop="description"] ol,
div[itemprop="articleBody"] ol {
  padding-left: 20px;
  margin: 15px 0;
  counter-reset: item;
}

div[itemprop="description"] ol li,
div[itemprop="articleBody"] ol li {
  position: relative;
  padding-left: 5px;
  margin-bottom: 8px;
  list-style-type: none;
  counter-increment: item;
}

div[itemprop="description"] ol li::before,
div[itemprop="articleBody"] ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: -20px;
  color: #233554; /* Как у h2 */
  font-weight: 600;
}

/* Стили для вложенных списков */
div[itemprop="description"] ul ul,
div[itemprop="description"] ol ul,
div[itemprop="articleBody"] ul ul,
div[itemprop="articleBody"] ol ul {
  margin: 8px 0 0 0;
}

div[itemprop="description"] ul ol,
div[itemprop="description"] ol ol,
div[itemprop="articleBody"] ul ol,
div[itemprop="articleBody"] ol ol {
  margin: 8px 0 0 0;
}

/* СТИЛИ ОФОРМЛЕНИЯ ТЕКСТА - тот же шрифт, что и основной текст */
/* Стили для жирного текста */
div[itemprop="description"] strong, 
div[itemprop="articleBody"] strong {
  font-weight: 700;
  color: #2a3c52; /* Как у h4 */
}

/* Стили для подчеркнутого текста */
div[itemprop="description"] u,
div[itemprop="articleBody"] u {
  text-decoration: underline;
  text-decoration-color: #1e3a5f; /* Как у h3 */
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Стили для курсива */
div[itemprop="description"] em,
div[itemprop="articleBody"] em {
  font-style: italic;
}

/* Стили для выделенного текста */
div[itemprop="description"] mark,
div[itemprop="articleBody"] mark {
  background-color: rgba(41, 60, 91, 0.1); /* Светлый оттенок синего */
  padding: 0 2px;
}

/* Стили для блоков цитат */
div[itemprop="description"] blockquote,
div[itemprop="articleBody"] blockquote {
  margin: 20px 0;
  padding: 10px 20px;
  border-left: 3px solid #233554; /* Как у h2 */
  background-color: rgba(41, 60, 91, 0.05);
  font-style: italic;
}

/* Стили для кода (inline) */
div[itemprop="description"] code,
div[itemprop="articleBody"] code {
  background-color: rgba(41, 60, 91, 0.07);
  padding: 2px 4px;
  border-radius: 3px;
  color: #2a3c52; /* Как у h4 */
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', monospace;
  font-size: 0.9em;
}

/* Стили для горизонтальной линии */
div[itemprop="description"] hr,
div[itemprop="articleBody"] hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(15, 37, 71, 0.1), rgba(15, 37, 71, 0.3), rgba(15, 37, 71, 0.1));
  margin: 25px 0;
}

/* СТИЛИ ТАБЛИЦ - тот же шрифт, что и основной текст */
div[itemprop="description"] table,
div[itemprop="articleBody"] table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0;
}

div[itemprop="description"] table th,
div[itemprop="articleBody"] table th {
  border-bottom: 2px solid #0f2547; /* Как у h1 */
  padding: 8px;
  text-align: left;
  font-weight: 700;
}

div[itemprop="description"] table td,
div[itemprop="articleBody"] table td {
  border-bottom: 1px solid rgba(41, 60, 91, 0.2);
  padding: 8px;
}

div[itemprop="description"] table tr:nth-child(even),
div[itemprop="articleBody"] table tr:nth-child(even) {
  background-color: rgba(41, 60, 91, 0.04);
}

/* Стили для ссылок */
div[itemprop="description"] a,
div[itemprop="articleBody"] a {
  color: #0c2d59;
  text-decoration: none;
  border-bottom: 1px solid rgba(12, 45, 89, 0.3);
  padding-bottom: 1px; /* Небольшой отступ снизу */
  transition: color 0.2s ease, border-color 0.2s ease;
  display: inline; /* Убедимся, что нет лишних отступов */
  line-height: inherit; /* Сохраняем высоту строки */
  box-decoration-break: clone; /* Правильные границы при переносах */
}

div[itemprop="description"] a:hover,
div[itemprop="articleBody"] a:hover {
  color: #1e3a5f;
  border-bottom-color: rgba(30, 58, 95, 0.7);
}

/* АДАПТИВНАЯ ВЕРСТКА */
/* Медиа-запрос для адаптивности на мобильных устройствах */
@media (max-width: 768px) {
  div[itemprop="description"],
  div[itemprop="articleBody"] {
    font-size: 16px;
    line-height: 1.5;
  }
  
  div[itemprop="description"] h1,
  div[itemprop="articleBody"] h1 {
    font-size: 24px;
  }
  
  div[itemprop="description"] h2,
  div[itemprop="articleBody"] h2 {
    font-size: 22px;
  }
  
  div[itemprop="description"] h3,
  div[itemprop="articleBody"] h3 {
    font-size: 20px;
  }
  
  div[itemprop="description"] h4,
  div[itemprop="articleBody"] h4 {
    font-size: 18px;
  }
  
  div[itemprop="description"] h5,
  div[itemprop="articleBody"] h5,
  div[itemprop="description"] h6,
  div[itemprop="articleBody"] h6 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  div[itemprop="description"],
  div[itemprop="articleBody"] {
    font-size: 15px;
    line-height: 1.45;
  }
}
 .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 40px 30px;
            border-radius: 15px;
            margin-bottom: 30px;
            text-align: center;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
/* End */


/* Start:/local/templates/.default/components/bitrix/subscribe.form/section-subscribe/style.css?16021571761626*/
.section-subscribe {
  background-color: #485967;
  color: white;
  position: relative; }
  .section-subscribe:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 200vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #485967;
    z-index: -1; }
  .section-subscribe p {
    color: white; }
  .section-subscribe .form-newsletter {
    position: relative;
    z-index: 2; }
    .section-subscribe .form-newsletter .title {
      font-size: 3.2rem;
      color: white; }
    .section-subscribe .form-newsletter .description {
      font-size: 1.6rem;
      line-height: 2.6rem; }
    .section-subscribe .form-newsletter .form-check .form-check-label:before {
      border: 0.1rem solid white;
      background-color: #485967; }
    .section-subscribe .form-newsletter .form-check .form-check-label:after {
      border-left: 2px solid #485967;
      border-bottom: 2px solid #485967; }
    .section-subscribe .form-newsletter .form-check input:checked ~ .form-check-label:before {
      background-color: white; }
    .section-subscribe .form-newsletter .form-check input:checked ~ .form-check-label:after {
      opacity: 1; }
    .section-subscribe .form-newsletter .form-control {
      color: white;
      background-color: transparent;
      border: 1px solid white;
      height: calc(1.8em + 2rem); }
      .section-subscribe .form-newsletter .form-control::-moz-placeholder {
        color: #F3F3F3;
        opacity: 1; }
      .section-subscribe .form-newsletter .form-control::placeholder {
        color: #F3F3F3;
        opacity: 1; }	
/* End */


/* Start:/bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?16639294013754*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */


/* Start:/local/components/grammar/grammar/templates/main/style.css?1543612392931*/
/*
#error-form-window {
	background: url("/images/bx/auth-form-bg.gif") repeat-x scroll center top #EDEDED;
	color: #323232;
	display: none;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	position: absolute;
	z-index: 10000;
	width: 500px;
}
*/
.error-form-overlay {
	background: none repeat scroll 0 0 black;
	display: none;
	height: 100%;
	left: 0;
	opacity : 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 98;
}
#error-close-form-window {
	cursor: pointer;
	float: right;
	height: 11px;
	text-decoration: underline;
	width: 55px;
}



#error-form-window {
	background: url("/images/bx/auth-form-bg.gif") repeat-x scroll center top #EDEDED;
	color: #323232;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	margin: -50px 0 0 -400px;
	z-index: 100000;
}
/* End */


/* Start:/local/templates/securitylab_detail/template_styles.css?1752768111512*/
.bg-contain{
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.bg-cover{
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.banner_728-90-mobile .bg-cover{
	width: 100%;
	height: 90px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
}


.banner_content_mobile_header a img{
	margin: 0 auto;
}
/* End */
/* /css/custom.css?174962280022835 */
/* /local/templates/.default/components/bitrix/subscribe.form/section-subscribe/style.css?16021571761626 */
/* /bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?16639294013754 */
/* /local/components/grammar/grammar/templates/main/style.css?1543612392931 */
/* /local/templates/securitylab_detail/template_styles.css?1752768111512 */
