.elementor-22 .elementor-element.elementor-element-7b2bad67 > .elementor-container{min-height:848px;}.elementor-22 .elementor-element.elementor-element-7b2bad67 > .elementor-background-overlay{background-color:#000000;opacity:0.69;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-7b2bad67{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-92px;margin-bottom:0px;z-index:0;}.elementor-22 .elementor-element.elementor-element-1a6be134 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-1a6be134 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-69bfca1b > .elementor-container{max-width:1140px;}.elementor-22 .elementor-element.elementor-element-69bfca1b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-5b975c07 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-5b975c07 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-457d1959 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;text-shadow:0px 0px 10px rgba(0,0,0,0.3);margin:0px 0px 35px 0px;font-family:"isocpeur", Sans-serif;font-size:56px;font-weight:300;text-transform:uppercase;line-height:52px;word-spacing:0px;}.elementor-22 .elementor-element.elementor-element-457d1959 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-22 .elementor-element.elementor-element-457d1959 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-22 .elementor-element.elementor-element-457d1959 > .elementor-widget-container{margin:0px 0px 0px 2px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-c7fd3b5 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-family:"isocpeur", Sans-serif;font-size:20px;font-weight:300;}.elementor-22 .elementor-element.elementor-element-c7fd3b5 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-22 .elementor-element.elementor-element-c7fd3b5 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-22 .elementor-element.elementor-element-c7fd3b5 > .elementor-widget-container{margin:7px 0px 0px 4px;}.elementor-22 .elementor-element.elementor-element-c7fd3b5{width:auto;max-width:auto;}.elementor-22 .elementor-element.elementor-element-9e47284 .video-content{text-align:center;border-style:none;}.elementor-22 .elementor-element.elementor-element-9e47284 .ekit-video-popup-btn{padding:0px 0px 0px 0px;font-size:8px;width:30px;height:30px;line-height:30px;color:#FFFFFF;background-color:#FFFFFF00;border-style:solid;border-width:0px 0px 0px 0px;border-color:#02010100;}.elementor-22 .elementor-element.elementor-element-9e47284 .ekit-video-popup-btn i{font-size:46px;}.elementor-22 .elementor-element.elementor-element-9e47284 .ekit-video-popup-btn svg{max-width:46px;}.elementor-22 .elementor-element.elementor-element-9e47284 .ekit-video-popup-btn svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-9e47284 .ekit-video-popup-btn:hover{color:#FFFFFF;background-color:#FFFFFF00;}.elementor-22 .elementor-element.elementor-element-9e47284 .ekit-video-popup-btn:hover svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-9e47284 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}.elementor-22 .elementor-element.elementor-element-9e47284{width:auto;max-width:auto;align-self:center;}.elementor-22 .elementor-element.elementor-element-7e34f30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-7e34f30, .elementor-22 .elementor-element.elementor-element-7e34f30::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-e23aabb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-22c612f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-677a881{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-677a881, .elementor-22 .elementor-element.elementor-element-677a881::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-b2d690d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-237575e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-b4648d7{--display:flex;--min-height:84px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-22 .elementor-element.elementor-element-b4648d7:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-b4648d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-b4648d7::before, .elementor-22 .elementor-element.elementor-element-b4648d7 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-b4648d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-b4648d7 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-b4648d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-b4648d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-b4648d7, .elementor-22 .elementor-element.elementor-element-b4648d7::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-16a6997{text-align:left;color:#03021E;font-family:"isocpeur", Sans-serif;font-size:25px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-f6a3f52{color:#03021E;font-family:"isocpeur", Sans-serif;font-size:20px;font-weight:300;}.elementor-22 .elementor-element.elementor-element-5a98c8f{color:#03021E;font-family:"isocpeur", Sans-serif;font-size:20px;font-weight:300;}.elementor-22 .elementor-element.elementor-element-a4ee98a{text-align:center;color:#03021E;font-family:"isocpeur", Sans-serif;font-size:25px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-3430219{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-3430219, .elementor-22 .elementor-element.elementor-element-3430219::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-bb26676 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-22 .elementor-element.elementor-element-d22b716{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-d22b716, .elementor-22 .elementor-element.elementor-element-d22b716::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-96bd076 .elementor-wrapper{--video-aspect-ratio:1.33333;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-22 .elementor-element.elementor-element-7c9784de > .elementor-container{max-width:1489px;}.elementor-22 .elementor-element.elementor-element-7c9784de:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-7c9784de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-7c9784de{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-22 .elementor-element.elementor-element-7c9784de > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-2e0aed09{box-shadow:29px 29px 60px 0px rgba(0,0,0,0.2);padding:60px 60px 60px 60px;}.elementor-22 .elementor-element.elementor-element-f70f196 .pt-plus-heading-animation .pt-plus-cd-headline,.elementor-22 .elementor-element.elementor-element-f70f196 .pt-plus-heading-animation .pt-plus-cd-headline span{text-align:left;color:#03021E;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;}.elementor-22 .elementor-element.elementor-element-f70f196 .pt-plus-heading-animation .pt-plus-cd-headline b{color:#5c6387;}.elementor-22 .elementor-element.elementor-element-5218c3a .elementskit-clients-slider{--ekit_client_logo_left_right_spacing:7px;}.elementor-22 .elementor-element.elementor-element-5218c3a .ekit-price-card-slider{--ekit_client_logo_slidetosho:4;}.elementor-22 .elementor-element.elementor-element-5218c3a .elementskit-clients-slider .single-client{min-height:0px;border-radius:20px 20px 20px 20px;}.elementor-22 .elementor-element.elementor-element-5218c3a .simple_logo_image .single-client .content-image .main-image{opacity:1;filter:alpha(opacity=1);}.elementor-22 .elementor-element.elementor-element-5218c3a .elementskit-clients-slider .single-client img{opacity:1;filter:alpha(opacity=1);}.elementor-22 .elementor-element.elementor-element-5218c3a .simple_logo_image .single-client:hover .content-image img{opacity:1;filter:alpha(opacity=1);}.elementor-22 .elementor-element.elementor-element-5218c3a .simple_logo_image .single-client:hover .content-image .main-image{opacity:1;filter:alpha(opacity=1);}.elementor-22 .elementor-element.elementor-element-5218c3a .elementskit-clients-slider .elementskit-client-slider-item.log-separator:after{height:30px;width:2px;top:50%;left:100%;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-b4648d7{--content-width:1097px;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-7b2bad67 > .elementor-container{min-height:600px;}.elementor-22 .elementor-element.elementor-element-69bfca1b{padding:0px 0px 50px 0px;}.elementor-22 .elementor-element.elementor-element-457d1959 .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;}.elementor-22 .elementor-element.elementor-element-5218c3a .elementskit-clients-slider{--ekit_client_logo_left_right_spacing:10px;}.elementor-22 .elementor-element.elementor-element-5218c3a .ekit-price-card-slider{--ekit_client_logo_slidetosho:2;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-7b2bad67{margin-top:-75px;margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-5b975c07 > .elementor-element-populated{padding:0px 0px 0px 40px;}.elementor-22 .elementor-element.elementor-element-457d1959 .elementskit-section-title-wraper .elementskit-section-title{font-size:22px;line-height:32px;}.elementor-22 .elementor-element.elementor-element-b4648d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-16a6997{font-size:20px;}.elementor-22 .elementor-element.elementor-element-f6a3f52{font-size:15px;}.elementor-22 .elementor-element.elementor-element-5a98c8f{font-size:15px;}.elementor-22 .elementor-element.elementor-element-a4ee98a{font-size:20px;}.elementor-22 .elementor-element.elementor-element-7c9784de{padding:25px 0px 25px 0px;}.elementor-22 .elementor-element.elementor-element-2e0aed09{padding:20px 20px 20px 20px;}.elementor-22 .elementor-element.elementor-element-f70f196 .pt-plus-heading-animation .pt-plus-cd-headline,.elementor-22 .elementor-element.elementor-element-f70f196 .pt-plus-heading-animation .pt-plus-cd-headline span{font-size:19px;}.elementor-22 .elementor-element.elementor-element-5218c3a .elementskit-clients-slider{--ekit_client_logo_left_right_spacing:10px;}.elementor-22 .elementor-element.elementor-element-5218c3a .ekit-price-card-slider{--ekit_client_logo_slidetosho:2;}}/* Start custom CSS for html, class: .elementor-element-22c612f *//* Общие стили */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.service-block {
    position: relative;
    width: calc(33.333% - 2px); /* Учитываем границу 1px */
    overflow: hidden;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #000;
    height: calc(100vw / 3); /* Квадратные блоки */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: opacity 0.3s ease;
}

.overlay p {
    margin: 0;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.service-block:hover .overlay {
    opacity: 0;
}

.service-block:hover .background-video {
    display: block;
}

/* Уникальные фоновые изображения для каждого блока */
.service-block.service-1 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/водоочистка.jpg');
}

.service-block.service-2 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/зволоження-1.jpg');
}

.service-block.service-3 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/зволоження-2.jpg');
}

.service-block.service-4 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/Опалення-.jpg');
}

.service-block.service-5 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/кондиціювання.jpg');
}

.service-block.service-6 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/1-1.jpg');
}

/* Медиа-запросы для адаптивности */
@media (max-width: 1024px) {
    .service-block {
        width: calc(50% - 2px); /* Два столбца на планшетах */
        height: calc(100vw / 2); /* Квадратные блоки */
    }
}

@media (max-width: 600px) {
    .service-block {
        width: calc(100% - 2px); /* Один столбец на мобильных */
        height: calc(100vw); /* Квадратные блоки */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-237575e *//* Общие стили */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.service-block {
    position: relative;
    width: calc(33.333% - 2px); /* Учитываем границу 1px */
    overflow: hidden;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #000;
    height: calc(100vw / 3); /* Квадратные блоки */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: opacity 0.3s ease;
}

.overlay p {
    margin: 0;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.service-block:hover .overlay {
    opacity: 0;
}

.service-block:hover .background-video {
    display: block;
}

/* Уникальные фоновые изображения для каждого блока */
.service-block.service-1 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/водоочистка.jpg');
}

.service-block.service-2 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/зволоження-1.jpg');
}

.service-block.service-3 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/зволоження-2.jpg');
}

.service-block.service-4 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/Опалення-.jpg');
}

.service-block.service-5 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/кондиціювання.jpg');
}

.service-block.service-6 {
    background-image: url('https://hvacsystems.com.ua/wp-content/uploads/2024/06/1-1.jpg');
}

/* Медиа-запросы для адаптивности */
@media (max-width: 1024px) {
    .service-block {
        width: calc(50% - 2px); /* Два столбца на планшетах */
        height: calc(100vw / 2); /* Квадратные блоки */
    }
}

@media (max-width: 600px) {
    .service-block {
        width: calc(100% - 2px); /* Один столбец на мобильных */
        height: calc(100vw); /* Квадратные блоки */
    }
}/* End custom CSS */