/* ============================================================
   theme-bundle.css — объединение мелких блокирующих CSS темы
   в один HTTP-запрос: flaticon + imagebg + theme-color + site-search + tools.
   owl.css сюда не включён — уже удалён отдельно (не используется в разметке).
   Порядок ниже равен исходному порядку <link> в base.html.twig, чтобы
   каскад не изменился (theme-color.css принципиально должен идти ДО style.css —
   у них 99 общих селекторов, это файл акцентного цвета темы).
   Файл лежит в public/assets/css/ — тот же каталог, что и оригиналы,
   поэтому относительные url(../fonts/…) и url(../images/…) не сломаны.
   ============================================================ */

/* ---- flaticon.css ---- */
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 05/12/2019 14:09
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff2") format("woff2"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-play-button:before { content: "\f100"; }
.flaticon-play:before { content: "\f101"; }
.flaticon-tools-and-utensils:before { content: "\f102"; }
.flaticon-checked:before { content: "\f103"; }
.flaticon-pie-chart:before { content: "\f104"; }
.flaticon-verified:before { content: "\f105"; }
.flaticon-ui:before { content: "\f106"; }
.flaticon-machine-learning:before { content: "\f107"; }
.flaticon-data-analytics:before { content: "\f108"; }
.flaticon-laptop:before { content: "\f109"; }
.flaticon-cloud-network:before { content: "\f10a"; }
.flaticon-data-integration:before { content: "\f10b"; }
.flaticon-robot:before { content: "\f10c"; }
.flaticon-left-quotes-sign:before { content: "\f10d"; }
.flaticon-right-quotation-sign:before { content: "\f10e"; }
.flaticon-database:before { content: "\f10f"; }
.flaticon-search:before { content: "\f110"; }
.flaticon-price:before { content: "\f111"; }
.flaticon-open-cardboard-box:before { content: "\f112"; }
.flaticon-file:before { content: "\f113"; }
/* ---- imagebg.css ---- */

/** image-bg css for Detox **/


.main_page.active_boxlayout{
	background: url(../images/shape/pattern.jpg);
}
/* ---- color/theme-color.css ---- */


/* theme-color */

.bg-color-2{
  background: #5566dd;
}

.scroll-top{
  background: #5566dd;
}

.mobile-menu .contact-info ul li a:hover{
  color: #5566dd;
}

.mobile-menu .social-links li a:hover{
  color:#5566dd;  
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #5566dd;
}

.main-menu .navigation > li > ul{
  border-top: 3px solid #5566dd;
}

.main-menu .navigation > li > ul > li > a:hover{
  color:#5566dd;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  color: #5566dd;
}

.main-menu .navigation > li > ul > li > ul{
  border-top: 3px solid #5566dd;
}

.main-header .outer-container .menu-right-content .phone a{
  color: #5566dd;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
  color:#5566dd;
}

.main-header .outer-container .menu-right-content .btn-box a:before{
  border-bottom: 50px solid #5566dd;
}

.main-header .outer-container .menu-right-content .btn-box a:after{
  border-bottom: 50px solid #5566dd;
}

.theme-btn.style-one{
  background: #5566dd;
}

.banner-section .content-box .btn-box .video-btn i{
  color: #5566dd;
  border: 2px solid #5566dd;
}

.banner-section .content-box .btn-box .video-btn:hover i{
  background: #5566dd;
}

.banner-section .content-box .btn-box .video-btn:hover{
  color: #5566dd;
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a{
  background: #5566dd;
}

.theme-btn.style-two{
  border: 2px solid #5566dd;
  color: #5566dd !important;
}

.theme-btn.style-two:before{
  border-bottom: 60px solid #5566dd;
}

.theme-btn.style-two:after{
  border-bottom: 60px solid #5566dd;
}

.feature-block-one .icon-box:after{
  background: #f3f7ff;
}

.feature-block-one:hover .icon-box:after{
  background: #5566dd;
}

.feature-block-one .icon-box{
  color: #5566dd;
}

h3 a:hover{
  color: #5566dd;
}

.feature-block-one .icon-box .anim-icon .icon-1{
  background: rgba(99, 119, 238, 0.8);
}

.feature-block-one .icon-box .anim-icon .icon-2{
  background: #b1bbf6;
}

.feature-block-one .icon-box .anim-icon .icon-3{
  background: #92a0f3;
}

.sec-title p{
  color: #5566dd;
}

#content_block_01 .content-box .list-item li:before{
  color: #5566dd;
}

#content_block_02 .content-box .inner-box .single-item .count-box{
  color: #5566dd;
}

#content_block_02 .content-box .inner-box .single-item:before{
  background: #5566dd;
}

#content_block_02 .content-box .inner-box .single-item:after{
  color: #5566dd;
}

#content_block_02 .content-box .inner-box .single-item:hover .count-box{
  background: #5566dd;
}

.project-block-one .inner-box .image-box{
  background: #5566dd;
}

.pricing-section .tab-btn-box .tab-btns li.active-btn,
.pricing-section .tab-btn-box .tab-btns li:hover{
  background: #5566dd;
}

.pricing-block-one .pricing-table .table-header h5{
  color: #5566dd;
}

.pricing-block-one .pricing-table .table-header a:hover{
  color: #5566dd;
}

.pricing-block-one .pricing-table .table-content ul li i{
  color: #5566dd;
}

.news-block-one .inner-box .image-holder .post-date i{
  color: #5566dd;
}

.news-block-one .inner-box .lower-content .post-info li a:hover{
  color: #5566dd;
}

.news-block-one .inner-box .image-holder:before{
  background: #5566dd;
}

.service-block-one .inner-box .icon-box{
  color: #5566dd;
}

.service-block-one:hover .inner-box .icon-box{
  background: #5566dd;
}

.theme-btn.style-three{
  background: #02d7ff;
}

.main-footer .footer-top .links-widget .widget-content ul li a:hover{
  color: #5566dd
}

.main-footer .footer-top .links-widget .widget-content ul li a:before{
  background: #5566dd;
}

.main-footer .footer-top .contact-widget .widget-content ul li a:hover{
  color: #5566dd;
}

.main-footer .footer-top .contact-widget .social-links li a:hover{
  background: #5566dd;
}

.main-footer .footer-bottom .copyright a:hover{
  color: #5566dd;
}

.main-footer .footer-bottom .footer-nav li a:hover{
  color: #5566dd;
}

.service-style-two .tab-btns li .btn-inner .icon-box{
  color: #5566dd;
}

.service-style-two .tab-btns li .btn-inner .icon-box:before{
  background: #5566dd;
}

.service-style-two .tab-btns li:hover .btn-inner h4{
  color: #5566dd;
}

.service-style-two .tab-btns li.active-btn .btn-inner h4{
  color: #5566dd;
}

.service-style-two .tab-btns li:before{
  background: #5566dd;
}

#content_block_04 .content-box .list-item li:before {
  color: #5566dd;
}

.process-style-two .single-item .icon-box{
  color: #5566dd;
}

.process-style-two .single-item .icon-box .count-box{
  background: #5566dd;
}

.process-style-two .single-item .icon-box:before{
  background: #5566dd;
}

.process-style-two .single-item:hover .icon-box .count-box{
  color: #5566dd;
}

.pricing-block-two .pricing-table .table-header .icon-box{
  color: #5566dd;
}

.pricing-block-two.active_block .pricing-table .table-footer .theme-btn{
  background: #5566dd;
}

.testimonial-style-two .testimonial-content .inner-box .author-info .designation{
  color: #5566dd;
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot span{
  background: #5566dd;
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot span:before{
  border: 2px solid #5566dd;
}

.accordion-box .block .acc-btn h4 span{
  color: #5566dd;
}

.page-title .content-box .bread-crumb li{
  color: #5566dd;
}

.page-title .content-box .bread-crumb li a{
  color: #5566dd;
}

.page-title .content-box .bread-crumb li:before{
  color: #5566dd;
}

#content_block_08 .content-box .inner-box .single-item .icon-box:before{
  background: #5566dd;
}

#content_block_08 .content-box .inner-box .single-item .icon-box{
  color: #5566dd;
}

.service-block-two .inner-box h4 a:hover{
  color: #5566dd;
}

.feature-style-two .inner-box .list-item li:before{
  color: #5566dd;
}

.team-block-one .inner-box .image-box .social-links{
  background: #5566dd;
}

.team-block-one .inner-box .image-box .social-links li a:hover{
  color: #5566dd;
}

.team-block-one .inner-box .lower-content .designation{
  color: #5566dd;
}

.portfolio-page-section .filter-tabs li:hover,
.portfolio-page-section .filter-tabs li.active{
  color: #5566dd;
}

.error-section .content-box h1{
  color: #5566dd;
}

.error-section .text a:hover{
  color: #5566dd;
}

.body_switcher .body_switch_btn button{
  color: #5566dd;
}

.testimonial-section .content-box .icon-box{
  color: #5566dd;
}

.sidebar-page-container .sidebar .sidebar-search .form-group input:focus{
  border-color: #5566dd !important;
}

.sidebar-page-container .sidebar .sidebar-search .form-group input:focus + button,
.sidebar-page-container .sidebar .sidebar-search .form-group button:hover{
  color: #5566dd;
}

.sidebar-page-container .sidebar .sidebar-testimonial{
  background: -webkit-linear-gradient(-45deg, #5759c5, rgba(87, 89, 197, 0.7) 100%);
}

.sidebar-page-container .sidebar .sidebar-categories .widget-content li a:hover{
  color: #5566dd;
}

.sidebar-page-container .sidebar .sidebar-post .post-inner .post .post-date i{
  color: #5566dd;
}

.sidebar-page-container .sidebar .sidebar-post .post-inner .post h5 a:hover{
  color: #5566dd;
}

.sidebar-page-container .sidebar .sidebar-tags .widget-content ul li a:hover{
  background: #5566dd;
  border-color: #5566dd;
}

.blog-details .blog-details-content .news-block-one .inner-box .lower-content .post-share-option ul li a:hover{
  color: #5566dd;
}

.blog-details .blog-details-content .comments-form-area .comment-form .form-group input:focus,
.blog-details .blog-details-content .comments-form-area .comment-form .form-group textarea:focus{
  border-color: #5566dd !important
}

.contact-section .info-box .contact-info a:hover{
  color: #5566dd;
}

.contact-section .info-box .social-box ul li a:hover{
  background: #5566dd;
}

.contact-section .form-inner #contact-form .form-group input:focus,
.contact-section .form-inner #contact-form .form-group textarea:focus{
  border-color: #5566dd !important;
}

.banner-section .content-box h1 span{
  color: #5566dd;
}

.pricing-block-one.active_block .pricing-table .table-footer .theme-btn{
  background: #5566dd;
}

.pagination li a:hover,
.pagination li a.active{
  border-color: #5566dd;
  background: #5566dd;
}

.sidebar-page-container .blog-details-content .comments-area .comment .comment-inner .clearfix a{
  color: #5566dd;
}

.sidebar-page-container .blog-details-content .comments-area .comment .comment-inner .clearfix a:hover{
  background: #5566dd;
  border-color: #5566dd;
}
/* ---- site-search.css ---- */
/* Поиск по сайту — форма в хэдере + страница /search.
   В стилистике темы: шрифт Montserrat, акцент #5566dd, скруглённые поля,
   бордеры #e5e5e5, мягкая тень rgba(99,119,238,..) как у кнопок шапки. */

/* ── Форма поиска в хэдере ── */
.header-search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
}
.header-search input[type="search"],
.header-search input[type="text"] {
    width: 210px;
    height: 46px;
    padding: 8px 46px 8px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #3b3b3b;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    outline: none;
    transition: all 300ms ease;
}
.header-search input::placeholder { color: #9aa0ab; }
.header-search input:focus {
    border-color: #5566dd;
    box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.15);
}
.header-search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #6f6f6f;
    transition: color 300ms ease;
}
.header-search button:hover,
.header-search input:focus + button { color: #5566dd; }
.header-search svg { width: 18px; height: 18px; display: block; }

/* На узких экранах поле в шапке прячем — вместо него поиск открывается через
   мобильное меню (.mobile-menu-search ниже), а не пропадает совсем. */
@media (max-width: 1199px) { .header-search { display: none; } }

/* ── Поиск внутри мобильного меню ──
   Правило выше скрывает любую .header-search на узких экранах, поэтому здесь нужна
   более специфичная селекция, чтобы отменить display:none именно для копии в меню. */
.mobile-menu-search {
    margin: 0 0 25px;
}
.mobile-menu .mobile-menu-search .header-search {
    display: inline-block;
    width: 100%;
    margin-right: 0;
}
.mobile-menu-search .header-search input[type="search"],
.mobile-menu-search .header-search input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

/* ── Страница /search ── */
.site-search-page { padding: 60px 0 80px; }

.site-search-form {
    position: relative;
    max-width: 640px;
    margin: 0 auto 44px;
}
.site-search-form input[type="search"],
.site-search-form input[type="text"] {
    width: 100%;
    height: 64px;
    padding: 10px 66px 10px 24px;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: #3b3b3b;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    outline: none;
    transition: all 300ms ease;
}
.site-search-form input::placeholder { color: #9aa0ab; }
.site-search-form input:focus {
    border-color: #5566dd;
    box-shadow: 0 12px 34px 3px rgba(99, 119, 238, 0.15);
}
.site-search-form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 64px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #5566dd;
}
.site-search-form svg { width: 22px; height: 22px; display: block; }

.site-search-note { text-align: center; font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 16px; }
.site-search-note a { color: #5566dd; }

.site-search-count {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #6f6f6f;
    margin-bottom: 30px;
}

.site-search-results { max-width: 820px; margin: 0 auto; }
.site-search-results .result-item {
    padding: 24px 0;
    border-bottom: 1px solid #eef0f4;
}
.site-search-results .result-item:last-child { border-bottom: none; }

.result-badge {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 3px 12px;
    border-radius: 30px;
    background: #edf1fe;
    color: #5566dd;
    margin-bottom: 10px;
}
.site-search-results .result-item h3 { font-size: 20px; line-height: 1.35; margin: 4px 0 8px; }
.site-search-results .result-item h3 a { color: #25283a; transition: color 300ms ease; }
.site-search-results .result-item h3 a:hover { color: #5566dd; }
.site-search-results .result-item p { color: #5b6270; line-height: 1.6; margin: 0; }

/* Подсветка совпадений */
.site-search-results mark,
.site-search-form mark { background: #fff3b0; color: inherit; padding: 0 2px; border-radius: 2px; }

/* ---- tools.css ---- */
/*
 * Раздел «Инструменты» — общий слой поверх темы.
 * Всё скоуплено под .tools-scope (класс на <body> для путей /tools*),
 * поэтому правила не задевают остальной сайт.
 */

/* --- Видно без JavaScript --------------------------------------------------
 * Тема анимирует блоки через .wow (visibility:hidden до срабатывания wow.js).
 * Без JS контент оставался бы скрытым навсегда — держим его видимым. */
.no-js .wow {
    visibility: visible !important;
    animation: none !important;
    opacity: 1 !important;
}

/* --- Контейнер ------------------------------------------------------------
 * Дефолтные 1500px растягивают формы с двумя полями на всю ширину экрана.
 * Инструментам нужна колонка поуже, чтобы поля читались как единый блок. */
.tools-scope section.sec-pad-3 > .auto-container,
.tools-scope .tool-canvas {
    max-width: 1160px;
}

/* --- Иерархия заголовков --------------------------------------------------
 * H1 страницы (36px в теме) должен доминировать над заголовком секции. */
.tools-scope .sec-title h2 {
    font-size: 30px;
    line-height: 1.25;
}

/* Вступление на хабе: тема делает <p> внутри .sec-title капсом с разрядкой —
 * для абзаца в 60 слов это нечитаемо. Возвращаем обычный текст. */
.tools-scope .sec-title p.tools-lead {
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.7;
    color: #6c757d;
    font-weight: 400;
}
.tools-scope .sec-title p.tools-lead code {
    text-transform: none;
    letter-spacing: normal;
}

/* --- Карточки инструментов на хабе ---------------------------------------- */
.tools-scope .chooseus-section .inner-column {
    margin-bottom: 28px;
}
.tools-scope .chooseus-section .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 14px;
    padding: 28px 26px;
    box-shadow: 0 1px 2px rgba(30, 45, 90, .04);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tools-scope .chooseus-section .inner-box:hover {
    border-color: #adbdf7;
    box-shadow: 0 14px 34px rgba(40, 60, 120, .10);
    transform: translateY(-3px);
}
.tools-scope .chooseus-section .inner-box h3 {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.3;
}
.tools-scope .chooseus-section .inner-box h3 a {
    color: #2b2b2b;
}
.tools-scope .chooseus-section .inner-box h3 a:hover {
    color: #2f6bff;
}
.tools-scope .chooseus-section .inner-box > p {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.6;
}
.tools-scope .chooseus-section .inner-box .proj-role {
    margin: auto 0 0;
    padding-top: 8px;
    font-weight: 600;
}
.tools-scope .chooseus-section .inner-box .proj-role a {
    color: #2f6bff;
}

/* Малый указатель на посадочные пары внутри карточки конвертера */
.tools-scope .chooseus-section .inner-box .card-subpairs {
    font-size: 13.5px;
    line-height: 1.55;
    color: #7a8394;
}

/* --- Формы: единый вид select / input / textarea -------------------------- */
.tools-scope select,
.tools-scope input[type="text"],
.tools-scope input[type="number"],
.tools-scope input[type="search"],
.tools-scope textarea {
    width: 100%;
    border: 1px solid #d7dce3;
    border-radius: 8px;
    background-color: #fff;
    color: #2b2b2b;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 13px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.tools-scope textarea {
    font-family: "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;
    font-size: 14px;
    line-height: 1.55;
}
.tools-scope select {
    height: 44px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    cursor: pointer;
}
.tools-scope select:focus,
.tools-scope input[type="text"]:focus,
.tools-scope input[type="number"]:focus,
.tools-scope input[type="search"]:focus,
.tools-scope textarea:focus {
    outline: none;
    border-color: #6c8cff;
    box-shadow: 0 0 0 3px rgba(90, 120, 255, .16);
}

/* Подпись/подсказка под полем */
.tools-scope .field-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .01em;
    color: #55606e;
}

/* Видимый фокус на клавиатуре — базовый уровень доступности */
.tools-scope a:focus-visible,
.tools-scope button:focus-visible,
.tools-scope select:focus-visible,
.tools-scope input:focus-visible,
.tools-scope textarea:focus-visible {
    outline: 2px solid #2f6bff;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .tools-scope .chooseus-section .inner-box {
        transition: none;
    }
    .tools-scope .chooseus-section .inner-box:hover {
        transform: none;
    }
}

/* Кликабельность всей карточки инструмента (тап-таргет ≥44px).
   «Открыть инструмент →» растягивается на всю карточку через ::after,
   заголовок и ссылки на под-пары остаются кликабельными поверх оверлея. */
.tools-scope .chooseus-section .inner-box {
    position: relative;
}
.tools-scope .chooseus-section .inner-box .proj-role a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}
.tools-scope .chooseus-section .inner-box h3 a,
.tools-scope .chooseus-section .inner-box .card-subpairs a {
    position: relative;
    z-index: 2;
}