﻿body {
    margin: 0;
    padding: 0;
}

:root {
    --color_0: 255,255,255;
    --color_1: 30,30,30;
    --color_2: 180,106,44;
    --color_3: 105,102,102;
    --color_4: 245,245,245;
    --color_5: 250,232,219;
    --color_6: 255,255,255;
    --color_7: 199,199,199;
    --color_8: 143,143,143;
    --color_9: 86,86,86;
    --color_10: 30,30,30;
    --color_11: 245,245,245;
    --color_12: 219,219,219;
    --color_13: 143,143,143;
    --color_14: 86,86,86;
    --color_15: 30,30,30;
    --color_16: 236,205,178;
    --color_17: 218,155,102;
    --color_18: 162,96,40;
    --color_19: 120,71,29;
    --color_20: 60,35,15;
    --color_21: 148,255,97;
    --color_22: 127,227,79;
    --color_23: 100,179,62;
    --color_24: 80,143,50;
    --color_25: 56,99,35;
    --color_26: 87,194,255;
    --color_27: 54,164,227;
    --color_28: 34,121,171;
    --color_29: 22,84,120;
    --color_30: 13,52,74;
    --color_31: 252,139,139;
    --color_32: 252,53,53;
    --color_33: 201,40,40;
    --color_34: 150,24,24;
    --color_35: 103,14,14;
    --color_36: 245,245,245;
    --color_37: 30,30,30;
    --color_38: 219,219,219;
    --color_39: 143,143,143;
    --color_40: 86,86,86;
    --color_41: 162,96,40;
    --color_42: 120,71,29;
    --color_43: 143,143,143;
    --color_44: 245,245,245;
    --color_45: 30,30,30;
    --color_46: 30,30,30;
    --color_47: 86,86,86;
    --color_48: 162,96,40;
    --color_49: 162,96,40;
    --color_50: 245,245,245;
    --color_51: 245,245,245;
    --color_52: 162,96,40;
    --color_53: 162,96,40;
    --color_54: 143,143,143;
    --color_55: 143,143,143;
    --color_56: 245,245,245;
    --color_57: 245,245,245;
    --color_58: 162,96,40;
    --color_59: 162,96,40;
    --color_60: 162,96,40;
    --color_61: 162,96,40;
    --color_62: 245,245,245;
    --color_63: 245,245,245;
    --color_64: 143,143,143;
    --color_65: 143,143,143;
    --font_0: normal normal normal 88px/1.4em poppins-semibold,poppins,sans-serif;
    --font_1: normal normal normal 14px/1.79em poppins-extralight,poppins,sans-serif;
    --font_2: normal normal normal 72px/1.4em poppins-semibold,poppins,sans-serif;
    --font_3: normal normal normal 50px/1.4em poppins-semibold,poppins,sans-serif;
    --font_4: normal normal normal 40px/1.4em poppins-semibold,poppins,sans-serif;
    --font_5: normal normal normal 28px/1.4em poppins-semibold,poppins,sans-serif;
    --font_6: normal normal normal 22px/1.4em poppins-semibold,poppins,sans-serif;
    --font_7: normal normal normal 20px/1.67em poppins-semibold,poppins,sans-serif;
    --font_8: normal normal normal 15px/1.4em poppins-extralight,poppins,sans-serif;
    --font_9: normal normal normal 14px/1.4em poppins-extralight,poppins,sans-serif;
    --font_10: normal normal normal 14px/1.79em poppins-extralight,poppins,sans-serif;
    --wix-ads-height: 0px;
    --sticky-offset: 0px;
    --wix-ads-top-height: 0px;
    --site-width: 980px;
    --above-all-z-index: 100000;
    --portals-z-index: 100001;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --minViewportSize: 320;
    --maxViewportSize: 1920;
    --theme-spx-ratio: 1px;
    --scaling-factor: min((100 * var(--one-unit)), var(--section-max-width));
    --customScaleViewportLimit: clamp(var(--minViewportSize) * 1px, 100 * var(--one-unit), min(var(--section-max-width), var(--maxViewportSize) * 1px));
    --menuTotalBordersX: 0px;
    --menuTotalBordersY: 0px;
    --bgDrop: var(--color_36);
    --rd: 0px;
    --shd: none;
    --fnt: var(--font_9);
    --pad: 0px;
    --txt: var(--color_37);
    --alpha-txt: 1;
    --trans: color 0.4s ease 0s;
    --txth: var(--color_41);
    --alpha-txth: 1;
    --txts: var(--color_41);
    --alpha-txts: 1;
    --alpha-bgDrop: 1;
    --boxShadowToggleOn-shd: none;
}


.font_0 {
    font: var(--font_0);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_1 {
    font: var(--font_1);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_2 {
    font: normal normal normal 72px/1.4em poppins-semibold,poppins,sans-serif;
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

@media only screen and (max-width: 992px) {
    .font_2 {
        font: normal normal normal 42px/1.4em poppins-semibold,poppins,sans-serif;
        color: rgb(30,30,30);
        letter-spacing: 0em;
    }
}

.font_3 {
    font: var(--font_3);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_4 {
    font: var(--font_4);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_5 {
    font: var(--font_5);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_6 {
    font: var(--font_6);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_7 {
    font: var(--font_7);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_8 {
    font: var(--font_8);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_9 {
    font: var(--font_9);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.font_10 {
    font: var(--font_10);
    color: rgb(30,30,30);
    letter-spacing: 0em;
}

.color_0 {
    color: rgb(var(--color_0));
}

.color_1 {
    color: rgb(30,30,30);
}

.color_2 {
    color: rgb(var(--color_2));
}

.color_3 {
    color: rgb(var(--color_3));
}

.color_4 {
    color: rgb(var(--color_4));
}

.color_5 {
    color: rgb(var(--color_5));
}

.color_6 {
    color: rgb(var(--color_6));
}

.color_7 {
    color: rgb(var(--color_7));
}

.color_8 {
    color: rgb(var(--color_8));
}

.color_9 {
    color: rgb(var(--color_9));
}

.color_10 {
    color: rgb(var(--color_10));
}

.color_11 {
    color: rgb(var(--color_11));
}

.color_12 {
    color: rgb(var(--color_12));
}

.color_13 {
    color: rgb(var(--color_13));
}

.color_14 {
    color: rgb(var(--color_14));
}

.color_15 {
    color: #122043;
}

.color_16 {
    color: rgb(var(--color_16));
}

.color_17 {
    color: rgb(var(--color_17));
}

.color_18 {
    color: #187FDB;
}

.color_19 {
    color: rgb(var(--color_19));
}

.color_20 {
    color: rgb(var(--color_20));
}

.color_21 {
    color: rgb(var(--color_21));
}

.color_22 {
    color: rgb(var(--color_22));
}

.color_23 {
    color: rgb(var(--color_23));
}

.color_24 {
    color: rgb(var(--color_24));
}

.color_25 {
    color: rgb(var(--color_25));
}

.color_26 {
    color: rgb(var(--color_26));
}

.color_27 {
    color: rgb(var(--color_27));
}

.color_28 {
    color: rgb(var(--color_28));
}

.color_29 {
    color: rgb(var(--color_29));
}

.color_30 {
    color: rgb(var(--color_30));
}

.color_31 {
    color: rgb(var(--color_31));
}

.color_32 {
    color: rgb(var(--color_32));
}

.color_33 {
    color: rgb(var(--color_33));
}

.color_34 {
    color: rgb(var(--color_34));
}

.color_35 {
    color: rgb(var(--color_35));
}

.color_36 {
    color: rgb(var(--color_36));
}

.color_37 {
    color: rgb(var(--color_37));
}

.color_38 {
    color: rgb(var(--color_38));
}

.color_39 {
    color: rgb(var(--color_39));
}

.color_40 {
    color: rgb(var(--color_40));
}

.color_41 {
    color: rgb(var(--color_41));
}

.color_42 {
    color: rgb(var(--color_42));
}

.color_43 {
    color: rgb(var(--color_43));
}

.color_44 {
    color: rgb(var(--color_44));
}

.color_45 {
    color: rgb(var(--color_45));
}

.color_46 {
    color: rgb(var(--color_46));
}

.color_47 {
    color: rgb(var(--color_47));
}

.color_48 {
    color: rgb(var(--color_48));
}

.color_49 {
    color: rgb(var(--color_49));
}

.color_50 {
    color: rgb(var(--color_50));
}

.color_51 {
    color: rgb(var(--color_51));
}

.color_52 {
    color: rgb(var(--color_52));
}

.color_53 {
    color: rgb(var(--color_53));
}

.color_54 {
    color: rgb(var(--color_54));
}

.color_55 {
    color: rgb(var(--color_55));
}

.color_56 {
    color: rgb(var(--color_56));
}

.color_57 {
    color: rgb(var(--color_57));
}

.color_58 {
    color: rgb(var(--color_58));
}

.color_59 {
    color: rgb(var(--color_59));
}

.color_60 {
    color: rgb(var(--color_60));
}

.color_61 {
    color: rgb(var(--color_61));
}

.color_62 {
    color: rgb(var(--color_62));
}

.color_63 {
    color: rgb(var(--color_63));
}

.color_64 {
    color: rgb(var(--color_64));
}

.color_65 {
    color: rgb(var(--color_65));
}

.backcolor_0 {
    background-color: rgb(var(--color_0));
}

.backcolor_1 {
    background-color: rgb(30,30,30);
}

.backcolor_2 {
    background-color: rgb(var(--color_2));
}

.backcolor_3 {
    background-color: rgb(var(--color_3));
}

.backcolor_4 {
    background-color: rgb(var(--color_4));
}

.backcolor_5 {
    background-color: rgb(var(--color_5));
}

.backcolor_6 {
    background-color: rgb(var(--color_6));
}

.backcolor_7 {
    background-color: rgb(var(--color_7));
}

.backcolor_8 {
    background-color: rgb(var(--color_8));
}

.backcolor_9 {
    background-color: rgb(var(--color_9));
}

.backcolor_10 {
    background-color: rgb(var(--color_10));
}

.backcolor_11 {
    background-color: rgb(var(--color_11));
}

.backcolor_12 {
    background-color: rgb(var(--color_12));
}

.backcolor_13 {
    background-color: rgb(var(--color_13));
}

.backcolor_14 {
    background-color: rgb(var(--color_14));
}

.backcolor_15 {
    background-color: #122043;
}

.backcolor_16 {
    background-color: rgb(var(--color_16));
}

.backcolor_17 {
    background-color: rgb(var(--color_17));
}

.backcolor_18 {
    background-color: rgb(var(--color_18));
}

.backcolor_19 {
    background-color: rgb(var(--color_19));
}

.backcolor_20 {
    background-color: rgb(var(--color_20));
}

.backcolor_21 {
    background-color: rgb(var(--color_21));
}

.backcolor_22 {
    background-color: rgb(var(--color_22));
}

.backcolor_23 {
    background-color: rgb(var(--color_23));
}

.backcolor_24 {
    background-color: rgb(var(--color_24));
}

.backcolor_25 {
    background-color: rgb(var(--color_25));
}

.backcolor_26 {
    background-color: rgb(var(--color_26));
}

.backcolor_27 {
    background-color: rgb(var(--color_27));
}

.backcolor_28 {
    background-color: rgb(var(--color_28));
}

.backcolor_29 {
    background-color: rgb(var(--color_29));
}

.backcolor_30 {
    background-color: rgb(var(--color_30));
}

.backcolor_31 {
    background-color: rgb(var(--color_31));
}

.backcolor_32 {
    background-color: rgb(var(--color_32));
}

.backcolor_33 {
    background-color: rgb(var(--color_33));
}

.backcolor_34 {
    background-color: rgb(var(--color_34));
}

.backcolor_35 {
    background-color: rgb(var(--color_35));
}

.backcolor_36 {
    background-color: rgb(var(--color_36));
}

.backcolor_37 {
    background-color: rgb(var(--color_37));
}

.backcolor_38 {
    background-color: rgb(var(--color_38));
}

.backcolor_39 {
    background-color: rgb(var(--color_39));
}

.backcolor_40 {
    background-color: rgb(var(--color_40));
}

.backcolor_41 {
    background-color: rgb(var(--color_41));
}

.backcolor_42 {
    background-color: rgb(var(--color_42));
}

.backcolor_43 {
    background-color: rgb(var(--color_43));
}

.backcolor_44 {
    background-color: rgb(var(--color_44));
}

.backcolor_45 {
    background-color: rgb(var(--color_45));
}

.backcolor_46 {
    background-color: rgb(var(--color_46));
}

.backcolor_47 {
    background-color: rgb(var(--color_47));
}

.backcolor_48 {
    background-color: rgb(var(--color_48));
}

.backcolor_49 {
    background-color: rgb(var(--color_49));
}

.backcolor_50 {
    background-color: rgb(var(--color_50));
}

.backcolor_51 {
    background-color: rgb(var(--color_51));
}

.backcolor_52 {
    background-color: rgb(var(--color_52));
}

.backcolor_53 {
    background-color: rgb(var(--color_53));
}

.backcolor_54 {
    background-color: rgb(var(--color_54));
}

.backcolor_55 {
    background-color: rgb(var(--color_55));
}

.backcolor_56 {
    background-color: rgb(var(--color_56));
}

.backcolor_57 {
    background-color: rgb(var(--color_57));
}

.backcolor_58 {
    background-color: rgb(var(--color_58));
}

.backcolor_59 {
    background-color: rgb(var(--color_59));
}

.backcolor_60 {
    background-color: rgb(var(--color_60));
}

.backcolor_61 {
    background-color: rgb(var(--color_61));
}

.backcolor_62 {
    background-color: rgb(var(--color_62));
}

.backcolor_63 {
    background-color: rgb(var(--color_63));
}

.backcolor_64 {
    background-color: rgb(var(--color_64));
}

.backcolor_65 {
    background-color: rgb(var(--color_65));
}

.nav-link {
    color: rgb(var(--txt, var(--color_15, color_15)));
    display: inline-block;
    padding: 0 10px;
    transition: var(--trans, color .4s ease 0s);
}

    .nav-link:hover {
        color: #187FDB;
        transition: var(--trans, color .4s ease 0s);
    }

    .nav-link.active {
        color: #187FDB !important;
        transition: var(--trans, color .4s ease 0s);
    }


.navbar {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.navbar-brand svg {
    height: 30px;
    width: 30px;
}


.background-xxx1 {
    background: url('/img/water11.jpg') no-repeat center center/cover;
    background-attachment: fixed;
}

.background-xxx2 {
    background: url('/img/glass.jfif') no-repeat center center/cover;
    background-attachment: fixed;
}

.background-xxx3 {
    background: url('/img/water4.webp') no-repeat center center/cover;
    background-attachment: fixed;
}

.background-abt1 {
    background: url('/img/consult.jpg') no-repeat center center/cover;
}

.background-abt2 {
    background: url('https://static.wixstatic.com/media/74f558_b261ab6879d14b0bbc9800ec41ba91fd~mv2_d_6208_4258_s_4_2.jpeg/v1/fill/w_380,h_420,fp_0.50_0.50,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/74f558_b261ab6879d14b0bbc9800ec41ba91fd~mv2_d_6208_4258_s_4_2.jpeg') no-repeat center center/cover;
}

.background-abt3 {
    background: url('/img/install.jpg') no-repeat center center/cover;
}

.background-abt4 {
    background: url('/img/support.jpg') no-repeat center center/cover;
}

.hero-section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
}

.items-on-top {
    align-items: flex-start !important;
}

.items-on-center {
    align-items: center !important;
    align-self: center;
}

.custom-sect .btn-white {
    background-color: #fff;
    color: #122043;
    border-radius: 0;
    border-color: #fff;
    padding: 5px 25px;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
}
    .custom-sect .btn-white:hover {
        color: #187FDB !important;
        background-color: #fff;
    }

.custom-sect .btn-black {
    background-color: #122043;
    color: #fff;
    border-radius: 0;
    border-color: #122043;
    padding: 5px 25px;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
}
    .custom-sect .btn-black:hover {
        background-color: #187FDB;
        border-color: #187FDB;
        color: #fff;
    }



.background-service1 {
    background: url('/img/filtereq5.webp') no-repeat center center/cover;
}

.background-service2 {
    background: url('/img/filtereq4.webp') no-repeat center center/cover;
}

.background-service3 {
    background: url('/img/install.webp') no-repeat center center/cover;
}


.vh80 {
    min-height: 700px;
}


.vh50 {
    min-height: 400px;
}


.black-input {
    background-color: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0px !important;
    color: #fff !important;
    line-height: 24px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
    border-bottom: 1px #fff solid !important;
}

form .btn-white {
    background-color: #fff;
    color: var(--bs-nav-link-color);
    border-radius: 0;
    border-color: #fff;
    padding: 5px 25px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

    form .btn-white:hover {
        color: #187FDB;
        background-color: #fff;
    }

textarea {
    resize: none;
}

.text-abit-bold {
    font-weight:700;
}

.white-input {
    background-color: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0px !important;
    color: #187FDB !important;
    line-height: 24px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
    border-bottom: 1px #187FDB solid !important;
}

form .btn-black {
    background-color: #187FDB;
    color: #fff;
    border-radius: 0;
    border-color: #187FDB;
    padding: 5px 25px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

    form .btn-black:hover {
        color: #000;
        border-color: #000;
        background-color: var(--bs-nav-link-color);
    }