#astroid-backtotop{background:rgb(247, 194, 33);padding:10px;}#astroid-backtotop > i{font-size:20px;color:rgb(34, 34, 34);line-height:20px;padding:2px;}[data-bs-theme=dark] #astroid-backtotop{background:rgb(247, 194, 33);}[data-bs-theme=dark] #astroid-backtotop > i{color:rgb(34, 34, 34);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}.astroid-social-icons{font-size:16px;}.astroid-social-icons a{color:!important;}.astroid-social-icons a:hover{color:!important;}[data-bs-theme=dark] .astroid-social-icons a{color:!important;}[data-bs-theme=dark] .astroid-social-icons a:hover{color:!important;}.astroid-logo > .astroid-logo-sticky{max-height:60px;}#fs-1528971627712{background-color:rgb(12, 12, 12);color:rgb(255, 255, 255);}#fs-1528971627712 a{color:rgb(255, 255, 255);}#fs-1528971627712 a:hover{color:rgb(247, 194, 33);}[data-bs-theme=dark] #fs-1528971627712{background-color:rgb(12, 12, 12);color:rgb(255, 255, 255);}[data-bs-theme=dark] #fs-1528971627712 a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #fs-1528971627712 a:hover{color:rgb(247, 194, 33);}body, .body{font-weight:400;text-transform:none;font-size:14px;line-height:1.7em;font-family:"Nunito Sans", Arial, Helvetica, sans-serif;}h1, .h1{font-weight:500;text-transform:none;font-size:3.5em;line-height:1.2em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}h2, .h2{font-weight:600;text-transform:none;font-size:2em;line-height:1.2em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}h3, .h3{font-weight:500;text-transform:none;font-size:1.8em;line-height:1.2em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}h4, .h4{font-weight:500;text-transform:none;font-size:1.6em;line-height:1.2em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}h5, .h5{font-weight:500;text-transform:none;font-size:1.4em;line-height:1.2em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}h6, .h6{font-weight:500;text-transform:none;font-size:1.2em;line-height:1.2em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-weight:400;text-transform:uppercase;font-size:1.45em;line-height:1.7em;font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-weight:400;text-transform:none;font-size:1.04em;line-height:1.38em;font-family:"Nunito Sans", Arial, Helvetica, sans-serif;}html{background-color:rgb(255, 255, 255);}[data-bs-theme=dark]{background-color:rgb(255, 255, 255);}body{--bs-body-bg:rgb(255, 255, 255);--bs-body-color:rgb(104, 104, 104);}body a{color:var(--as-link-color);--as-link-color:rgb(247, 194, 33);}body a:hover{color:var(--as-link-hover-color);--as-link-hover-color:rgb(247, 222, 33);}[data-bs-theme=dark] body{--bs-body-bg:rgb(255, 255, 255);--bs-body-color:rgb(104, 104, 104);}[data-bs-theme=dark] body a{--as-link-color:rgb(247, 194, 33);}[data-bs-theme=dark] body a:hover{--as-link-hover-color:rgb(247, 222, 33);}header{color:rgb(44, 46, 54);}header a{color:rgb(247, 194, 33);}[data-bs-theme=dark] header{color:rgb(44, 46, 54);}[data-bs-theme=dark] header a{color:rgb(247, 194, 33);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-header-section, [data-bs-theme=dark] .astroid-sidebar-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] #astroid-sticky-header{background-color:rgb(255, 255, 255);}.astroid-nav .nav-link{color:rgb(59, 59, 59);}.astroid-nav .nav-link:hover{color:rgb(247, 194, 33);}.astroid-nav .nav-link:focus{color:rgb(247, 194, 33);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-nav .nav-link{color:rgb(59, 59, 59);}[data-bs-theme=dark] .astroid-nav .nav-link:hover{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-nav .nav-link:focus{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-nav .nav-link:active, [data-bs-theme=dark] .astroid-nav .nav-link.active{color:rgb(247, 194, 33);}.megamenu-container{background-color:rgb(255, 255, 255);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}.has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(247, 194, 33);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(247, 194, 33);}[data-bs-theme=dark] .megamenu-container{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(247, 194, 33);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:active, [data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(247, 194, 33);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item{color:rgb(59, 59, 59);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item:hover{color:rgb(247, 194, 33);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item:active, .astroid-sidebar-menu .nav-item-inner > .as-menu-item.active{color:rgb(247, 194, 33);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover{background-color:rgb(247, 194, 33);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover a.as-menu-item{color:rgb(255, 255, 255);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:active{background-color:rgb(247, 194, 33);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item{color:rgb(0, 0, 0);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item:active{color:rgb(247, 194, 33);}.astroid-sidebar-menu .navbar-subnav{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item{color:rgb(59, 59, 59);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item:hover{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item.active{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover{background-color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover a.as-menu-item{color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:active{background-color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item{color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item:active{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-sidebar-menu .navbar-subnav{background-color:rgb(255, 255, 255);}.astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(247, 194, 33) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(247, 194, 33) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}.astroid-mobilemenu{background-color: !important;color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color: !important;}.astroid-mobilemenu .menu-indicator{color: !important;}[data-bs-theme=dark] .astroid-mobilemenu{background-color: !important;color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .menu-indicator{color: !important;}.astroid-contact-info i[class*="fa-"]{color:rgb(247, 194, 33);}[data-bs-theme=dark] .astroid-contact-info i[class*="fa-"]{color:rgb(247, 194, 33);}.items-leading .article-title .page-header h2{font-size:32px;}.items-row .article-title .page-header h2{font-size:26px;}/* CSS для сторінки Monitoring. Вставити у поле Custom CSS шаблону. */
.es-cctv {
    --accent: #f5aa22;
    --ink: #292e3b;
    --dark: #303342;
    --soft: #f7f8fa;
    --text: #525866;
    color: var(--text);
    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.72;
}

.es-cctv * {
    box-sizing: border-box;
}

.es-cctv .cctv-wrap {
    width: min(1080px, calc(100% - 40px));
    margin: auto;
}

.es-cctv h1,
.es-cctv h2,
.es-cctv h3,
.es-cctv p {
    margin-top: 0;
}

.es-cctv h2 {
    color: var(--ink);
    font-size: 29px;
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1.35;
    text-align: center;
    text-transform: uppercase;
}

.es-cctv h3 {
    color: var(--ink);
    font-size: 19px;
    line-height: 1.35;
    margin-bottom: 8px;
}

.es-cctv p {
    margin-bottom: 18px;
}

.es-cctv .cctv-hero {
    min-height: 518px;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(rgba(255, 255, 255, .79), rgba(255, 255, 255, .79)), url('/images/monitoring/monitoring-office-hero.png') center/cover no-repeat;
}

.es-cctv .cctv-hero:after {
    content: "";
    z-index: -1;
    position: absolute;
    inset: auto -10% -1px;
    height: 28px;
    background: var(--dark);
    clip-path: polygon(0 65%, 18% 10%, 43% 72%, 68% 16%, 100% 63%, 100% 100%, 0 100%);
}

.es-cctv .cctv-hero__inner {
    width: min(920px, calc(100% - 40px));
    padding: 70px 0 82px;
    text-align: center;
}

.es-cctv .cctv-hero h1 {
    color: #1f2b38;
    font-size: clamp(31px, 4vw, 44px);
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.25;
    text-transform: uppercase;
}

.es-cctv .cctv-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 140px;
    margin: 28px auto;
}

.es-cctv .cctv-rule:before,
.es-cctv .cctv-rule:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #68717c;
}

.es-cctv .cctv-rule i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: var(--accent);
}

.es-cctv .cctv-hero p {
    max-width: 780px;
    margin: 0 auto;
    color: #1f2630;
    font-size: 18px;
}

.es-cctv .cctv-button {
    display: inline-block;
    padding: 13px 29px;
    border: 0;
    border-radius: 24px;
    background: var(--accent);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background .2s, transform .2s;
}

.es-cctv .cctv-button:hover {
    background: #db8e07;
    transform: translateY(-2px);
}

.es-cctv .cctv-hero .cctv-button {
    margin-top: 34px;
}

.es-cctv .cctv-section {
    padding: 69px 0;
}

.es-cctv .cctv-section--soft {
    background: var(--soft);
}

.es-cctv .cctv-copy {
    max-width: 925px;
    margin: auto;
}

.es-cctv .cctv-copy h2 {
    margin-bottom: 29px;
}

.es-cctv .cctv-copy p {
    text-align: center;
}

.es-cctv .cctv-copy p:last-child {
    margin-bottom: 0;
}

.es-cctv .cctv-photo {
    width: min(805px, 100%);
    display: block;
    margin: 38px auto 0;
    box-shadow: 0 13px 35px rgba(25, 31, 40, .13);
}

.es-cctv .cctv-list {
    max-width: 925px;
    margin: 25px auto 0;
    padding: 0;
    list-style: none;
}

.es-cctv .cctv-list li {
    position: relative;
    padding: 17px 0 17px 31px;
    border-bottom: 1px solid #e3e6ea;
}

.es-cctv .cctv-list li:before {
    content: "✓";
    position: absolute;
    top: 17px;
    left: 0;
    color: var(--accent);
    font-weight: 800;
}

.es-cctv .cctv-list strong {
    color: var(--ink);
}

.es-cctv .cctv-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1100px;
    margin: 39px auto 0;
}

.es-cctv .cctv-feature {
    padding: 25px 20px 30px;
    border-right: 1px solid #e5e7eb;
    text-align: center;
}

.es-cctv .cctv-feature:last-child {
    border-right: 0;
}

.es-cctv .cctv-feature__icon {
    display: grid;
    width: 71px;
    height: 71px;
    place-items: center;
    margin: 0 auto 17px;
    border: 2px solid var(--accent);
    border-radius: 50%;
    color: var(--accent);
    font-size: 28px;
}

.es-cctv .cctv-feature h3 {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.es-cctv .cctv-feature p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
}

.es-cctv .cctv-form-band {
    padding: 55px 0;
    background: var(--dark);
}

.es-cctv .cctv-form-box {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 46px;
    align-items: center;
}

.es-cctv .cctv-form-box h2 {
    color: #fff;
    margin: 0 0 8px;
    text-align: left;
}

.es-cctv .cctv-form-box p {
    margin: 0;
    color: #dfe2e8;
}

.es-cctv .cctv-mini-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.es-cctv .cctv-mini-form input {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #fff;
    color: var(--ink);
    font: inherit;
}

.es-cctv .cctv-mini-form .cctv-button {
    border-radius: 2px;
    cursor: pointer;
}

.es-cctv .cctv-mini-form small {
    grid-column: 1/-1;
    color: #c9ced7;
    font-size: 11px;
    line-height: 1.3;
}

.es-cctv .cctv-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    margin-top: 39px;
    counter-reset: steps;
}

.es-cctv .cctv-step {
    padding: 5px 18px 5px 0;
    position: relative;
    counter-increment: steps;
}

.es-cctv .cctv-step:before {
    content: "0"counter(steps);
    display: block;
    margin-bottom: 9px;
    color: var(--accent);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.es-cctv .cctv-step:not(:last-child):after {
    content: "";
    position: absolute;
    top: 20px;
    right: 10px;
    width: 16px;
    height: 1px;
    background: #d9dde2;
}

.es-cctv .cctv-step h3 {
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.es-cctv .cctv-step p {
    font-size: 13px;
    line-height: 1.55;
}

.es-cctv .cctv-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 27px;
    margin-top: 37px;
}

.es-cctv .cctv-benefit {
    text-align: center;
}

.es-cctv .cctv-benefit b {
    display: block;
    margin-bottom: 8px;
    color: var(--ink);
    font-size: 15px;
    text-transform: uppercase;
}

.es-cctv .cctv-benefit p {
    margin: 0;
    font-size: 14px;
}

@media(max-width:800px) {

    .es-cctv .cctv-feature-grid,
    .es-cctv .cctv-benefits {
        grid-template-columns: repeat(2, 1fr)
    }

    .es-cctv .cctv-feature:nth-child(2) {
        border-right: 0
    }

    .es-cctv .cctv-feature:nth-child(-n+2) {
        border-bottom: 1px solid #e5e7eb
    }

    .es-cctv .cctv-form-box {
        grid-template-columns: 1fr
    }

    .es-cctv .cctv-steps {
        grid-template-columns: repeat(3, 1fr)
    }

    .es-cctv .cctv-step:after {
        display: none
    }
}

@media(max-width:540px) {
    .es-cctv .cctv-wrap {
        width: min(100% - 30px, 1080px)
    }

    .es-cctv .cctv-hero {
        min-height: 540px
    }

    .es-cctv .cctv-hero p {
        font-size: 16px
    }

    .es-cctv .cctv-section {
        padding: 48px 0
    }

    .es-cctv h2 {
        font-size: 23px
    }

    .es-cctv .cctv-feature-grid,
    .es-cctv .cctv-benefits,
    .es-cctv .cctv-steps,
    .es-cctv .cctv-mini-form {
        grid-template-columns: 1fr
    }

    .es-cctv .cctv-feature {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb
    }

    .es-cctv .cctv-steps {
        gap: 22px
    }
}
.es-cctv--electric .cctv-hero {
    background-image: linear-gradient(rgba(255, 255, 255, .80), rgba(255, 255, 255, .80)), url('/images/elektryka/electrical-services-hero.png');
}
.es-cctv--installation .cctv-hero {
    background-image: linear-gradient(rgba(255, 255, 255, .80), rgba(255, 255, 255, .80)), url('/images/instalacje/electrical-installation-hero.png');
}

.es-cctv .cctv-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 38px;
}

.es-cctv .cctv-gallery figure {
    margin: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 9px 23px rgba(30, 36, 48, .11);
}

.es-cctv .cctv-gallery img {
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.es-cctv .cctv-gallery figcaption {
    padding: 14px 17px;
    color: #292e3b;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

@media(max-width:540px) {
    .es-cctv .cctv-gallery {
        grid-template-columns: 1fr;
    }
}
.es-cctv--home .cctv-hero {
    background-image: linear-gradient(rgba(255, 255, 255, .80), rgba(255, 255, 255, .80)), url('/images/home/home-smart-tech-hero.png');
}

.es-cctv .cctv-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #e3e5e9;
    margin-top: 38px;
}

.es-cctv .cctv-service {
    display: block;
    padding: 28px 20px;
    background: #fff;
    color: inherit;
    text-align: center;
    text-decoration: none !important;
    transition: .2s;
}

.es-cctv .cctv-service:hover {
    background: #303342;
    color: #fff;
}

.es-cctv .cctv-service__icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 15px;
    border: 2px solid #f5aa22;
    border-radius: 50%;
    color: #f5aa22;
    font-size: 25px;
}

.es-cctv .cctv-service b {
    display: block;
    color: #292e3b;
    font-size: 15px;
    text-transform: uppercase;
}

.es-cctv .cctv-service:hover b {
    color: #fff;
}

.es-cctv .cctv-service span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.55;
}

.es-cctv .cctv-home-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: center;
}

.es-cctv .cctv-home-intro h2 {
    text-align: left;
}

.es-cctv .cctv-home-intro .cctv-rule {
    margin: 21px 0;
}

.es-cctv .cctv-home-intro .cctv-rule:before {
    display: none;
}

.es-cctv .cctv-home-panel {
    padding: 35px;
    background: #303342;
    color: #fff;
}

.es-cctv .cctv-home-panel h3 {
    color: #fff;
    text-transform: uppercase;
}

.es-cctv .cctv-home-panel p {
    color: #dfe2e8;
}

.es-cctv .cctv-home-panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.es-cctv .cctv-home-panel li {
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.es-cctv .cctv-home-panel li:before {
    content: '✓';
    margin-right: 10px;
    color: #f5aa22;
    font-weight: 800;
}

@media(max-width:800px) {
    .es-cctv .cctv-service-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .es-cctv .cctv-home-intro {
        grid-template-columns: 1fr
    }
}
@media(max-width:540px) {
    .es-cctv .cctv-service-grid {
        grid-template-columns: 1fr
    }
}
.es-cctv .cctv-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e3e5e9;margin-top:38px;}.es-cctv .cctv-service{display:block;padding:28px 20px;background:#fff;color:inherit;text-align:center;text-decoration:none!important;transition:.2s;}.es-cctv .cctv-service:hover{background:#303342;color:#fff;}.es-cctv .cctv-service__icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 15px;border:2px solid #f5aa22;border-radius:50%;color:#f5aa22;font-size:25px;}.es-cctv .cctv-service b{display:block;color:#292e3b;font-size:15px;text-transform:uppercase;}.es-cctv .cctv-service:hover b{color:#fff;}.es-cctv .cctv-service span{display:block;margin-top:8px;font-size:13px;line-height:1.55;}.es-cctv .cctv-home-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;}.es-cctv .cctv-home-intro h2{text-align:left;}.es-cctv .cctv-home-intro .cctv-rule{margin:21px 0;}.es-cctv .cctv-home-intro .cctv-rule:before{display:none;}.es-cctv .cctv-home-panel{padding:35px;background:#303342;color:#fff;}.es-cctv .cctv-home-panel h3{color:#fff;text-transform:uppercase;}.es-cctv .cctv-home-panel p{color:#dfe2e8;}.es-cctv .cctv-home-panel ul{margin:0;padding:0;list-style:none;}.es-cctv .cctv-home-panel li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.16);}.es-cctv .cctv-home-panel li:before{content:'✓';margin-right:10px;color:#f5aa22;font-weight:800;}@media(max-width:800px){.es-cctv .cctv-service-grid{grid-template-columns:repeat(2,1fr)}.es-cctv .cctv-home-intro{grid-template-columns:1fr}}@media(max-width:540px){.es-cctv .cctv-service-grid{grid-template-columns:1fr}}

/* Stabilne karty usług — bez zagnieżdżania linków wokół bloków. */
.es-cctv .cctv-service-card { display:flex; min-height:285px; padding:28px 20px; flex-direction:column; align-items:center; justify-content:center; background:#fff; text-align:center; }
.es-cctv .cctv-service-card h3 { margin:0 0 8px; color:#292e3b; font-size:16px; font-weight:800; text-transform:uppercase; }
.es-cctv .cctv-service-card p { max-width:205px; margin:0 0 18px; font-size:14px; line-height:1.55; }
.es-cctv .cctv-service-card .cctv-button { margin-top:auto; padding:10px 17px; font-size:11px; }
.es-cctv .cctv-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #e3e5e9;
    margin-top: 38px;
}

.es-cctv .cctv-service {
    display: block;
    padding: 28px 20px;
    background: #fff;
    color: inherit;
    text-align: center;
    text-decoration: none !important;
    transition: .2s;
}

.es-cctv .cctv-service:hover {
    background: #303342;
    color: #fff;
}

.es-cctv .cctv-service__icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 15px;
    border: 2px solid #f5aa22;
    border-radius: 50%;
    color: #f5aa22;
    font-size: 25px;
}

.es-cctv .cctv-service b {
    display: block;
    color: #292e3b;
    font-size: 15px;
    text-transform: uppercase;
}

.es-cctv .cctv-service:hover b {
    color: #fff;
}

.es-cctv .cctv-service span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.55;
}

.es-cctv .cctv-home-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: center;
}

.es-cctv .cctv-home-intro h2 {
    text-align: left;
}

.es-cctv .cctv-home-intro .cctv-rule {
    margin: 21px 0;
}

.es-cctv .cctv-home-intro .cctv-rule:before {
    display: none;
}

.es-cctv .cctv-home-panel {
    padding: 35px;
    background: #303342;
    color: #fff;
}

.es-cctv .cctv-home-panel h3 {
    color: #fff;
    text-transform: uppercase;
}

.es-cctv .cctv-home-panel p {
    color: #dfe2e8;
}

.es-cctv .cctv-home-panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.es-cctv .cctv-home-panel li {
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.es-cctv .cctv-home-panel li:before {
    content: '✓';
    margin-right: 10px;
    color: #f5aa22;
    font-weight: 800;
}

@media(max-width:800px) {
    .es-cctv .cctv-service-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .es-cctv .cctv-home-intro {
        grid-template-columns: 1fr
    }
}

@media(max-width:540px) {
    .es-cctv .cctv-service-grid {
        grid-template-columns: 1fr
    }
}

/* Stabilne karty usług — bez zagnieżdżania linków wokół bloków. */
.es-cctv .cctv-service-card {
    display: flex;
    min-height: 285px;
    padding: 28px 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    text-align: center;
}

.es-cctv .cctv-service-card h3 {
    margin: 0 0 8px;
    color: #292e3b;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.es-cctv .cctv-service-card p {
    max-width: 205px;
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.55;
}

.es-cctv .cctv-service-card .cctv-button {
    margin-top: auto;
    padding: 10px 17px;
    font-size: 11px;
}@media (max-width: 991.98px) {body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:3.5em;line-height:1.2em;}h2, .h2{font-size:2em;line-height:1.2em;}h3, .h3{font-size:1.8em;line-height:1.2em;}h4, .h4{font-size:1.6em;line-height:1.2em;}h5, .h5{font-size:1.4em;line-height:1.2em;}h6, .h6{font-size:1.2em;line-height:1.2em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:1em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-size:1em;line-height:2em;}}@media (max-width: 767.98px) {body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:3.5em;line-height:1.2em;}h2, .h2{font-size:2em;line-height:1.2em;}h3, .h3{font-size:1.8em;line-height:1.2em;}h4, .h4{font-size:1.6em;line-height:1.2em;}h5, .h5{font-size:1.4em;line-height:1.2em;}h6, .h6{font-size:1.2em;line-height:1.2em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:1em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-size:1em;line-height:2em;}}