.page {padding-bottom: 0;}

.page.page-text {padding-bottom: 100px;}

.header-pov {background-color: #fafafa;}

.header-pov .page {padding-top:0;}

.header-pov-cont {display: flex;}

.header-pov-col1 {
    flex: 1 1 70%;
    padding: 30px 50px 30px 0;
}

.header-pov-col2 {
    flex: 1 1 30%;
    background-image: url("/poverka-schetchikov-vody/img/truby.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
}

.header-pov-col2.header-pov-col2-zamena {
    background-image: url("/poverka-schetchikov-vody/img/zamena.png");
}

.header-pov-col2 img {width: 100%;}

/* Мини прелоадер с пульсацией */
.mini-preloader {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid #ffcc02b3; /* статичный круг */
    border-top: 3px solid #2da606; /* вращающаяся полоска */
    border-radius: 50%;
    animation: spin 1s linear infinite, pulse 1s ease-in-out infinite alternate;
    margin: 10px;
    transition: opacity 0.3s ease; /* плавное исчезновение */
    position: absolute;
}

/* Вращение прелоадера */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Пульсация зелёного сегмента */
@keyframes pulse {
    0% { border-top-width: 3px; }
    100% { border-top-width: 5px; }
}

/* Скрываем кнопку изначально */
.btn-pov-box a.btn-pov {
    /*display: inline-block;*/
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.btn-pov-box a.btn-pov.btn-pov2 {
    opacity: 1;
    pointer-events: auto;
}

.title-pov {
    text-align: left;
    font-size: 60px;
    line-height: 1.1;
    margin-top: 0;
    color: #76808a;
    margin-bottom: 30px;
}

.text-center {text-align: center;}

.title-pov span, .text-pov-gr {color: #5ac37d;}

.text-pov {color: #76808a;}

.text-pov.text-pov-icon {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.text-pov.text-pov-icon img {
    width: auto;
    height: 50px;
    margin-right: 20px;
}

.text-pov.text-pov-24 {
    font-size: 24px;
    align-items: start;
    line-height: 1.2;
    margin-bottom: 60px;
}

.text-pov.text-pov-icon.text-pov-24 img {
    margin-top: 40px;
}

.text-pov-border {
    display: block;
    padding: 15px 20px;
    border: 2px solid #5ac37d;
    border-radius: 10px;
}

.btn-pov-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.btn-pov-box a {
    color: #76808a;
    background-color: transparent;
    font-size: 30px;
    width: 400px !important;
    height: 60px !important;
    border-radius: 10px;
}

.btn-pov-box a:hover {
    color: #fff !important;
    background-color: #5ac37d !important;
}

.steps-pov {
    background-color: #fafafa;
    width: 100%;
    padding: 20px 30px 30px 30px;
    border-radius: 50px;
    margin-bottom: 50px;
}

.steps-pov .title-steps-pov {
    text-align: center;
    font-size: 50px;
    line-height: 1.1;
    margin-top: 0;
    color: #76808a;
    margin-bottom: 30px;
}

.steps-pov .steps-img {
    background-repeat: no-repeat;
    background-image: url("/poverka-schetchikov-vody/img/steps2.svg");
    width: 100%;
    height: 230px;
    position: relative;
    background-position: left;
}

.steps-pov .steps-img .step-pov {
    color: #76808a;
    font-size: 22px;
    font-weight: bold;
    width: 260px;
    position: absolute;
    line-height: 1.2;
}

.steps-pov .steps-img .step-pov.step1-pov {
    bottom: 10px;
    left: 90px;
}

.steps-pov .steps-img .step-pov.step2-pov {
    top: -2px;
    left: 270px;
}

.steps-pov .steps-img .step-pov.step3-pov {
    bottom: 10px;
    left: 450px;
}

.steps-pov .steps-img .step-pov.step4-pov {
    top: 24px;
    right: 290px;
}

.steps-pov .steps-img .step-pov.step5-pov {
    bottom: 10px;
    right: 110px;
}

.steps-pov .steps-img .step-pov.step6-pov {
    top: -8px;
    right: -75px;
}

#fancybox-container-1 {
    z-index: 1 !important;
}

#modal-success-els2 {

    width: 60%;
    max-width: 985px;
    position: fixed;
    top: 15%;
    background: #fff;
    left: 20%;

    border: 1px solid #ccc; z-index: 1000;
}

#modal-success-els2 {font-size: 18pt;}

.fio_els  {    margin: 0 20px;}
.button_select {margin: 0 100px  }
.button_select { opacity: 0.3}
.modal_footer { margin-top: 30px}
.body_els .radio { width: 100% ; }
.body_els {height: 200px; overflow-y: auto}
.hieder_column{width: 130px;
    display: inline-block;
    border-bottom: 2px solid #ccc;}

.btn.btn-pov {
    width: 20%;
    text-align: center;
    border: 2px solid #5ac37d;
    margin-right: 20px;
}

.btn.btn-pov:last-child {margin-right: 0;}

.btn.btn-pov:hover {
    color: #5ac37d;
    background-color: #fff;
}

.btn.btn-pov-sub {
    width: 100%;
    margin: 0;
}

.nav-card-pov .nav-card__title.h6 {font-size: 18px;}

.nav-cards.nav-cards--pov {
    margin-top: 10px;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom {
    display: flex;
    background-color: transparent;
    height: auto;
    max-width: calc(25% - 10px);
    flex-basis: calc(25% - 10px);
    margin-left: 10px;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom:hover {color: #36383c;}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom .nav-card__wrap {
    align-items: center;
    gap: 24px;
    flex-direction: column;
    padding: 12px;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom h2,
.nav-cards.nav-cards--pov .nav-card.nav-card--bottom .h6 {
    margin: 0;
    text-align: center;
    font-size: 22px;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom .nav-card__arrow-wrap {
    margin: 0;
    margin-left: auto;
    flex-shrink: 0;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom:hover .nav-card__arrow-wrap {
    width: 32px;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom .nav-card__imageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(100px, 6em, 114px);
    height: clamp(100px, 6em, 114px);
    border-radius: 50%;
    border: 2px solid #E5E7E8;
    flex-shrink: 0;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom .nav-card__image {
    min-width: 60px;
    transition: .3s;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom .h5 {
    transition: .3s;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom:hover .nav-card__image {
    scale: 1.12;
}

.nav-cards.nav-cards--pov .nav-card.nav-card--bottom:hover .h5 {
    color: #ffb300;
}

/*#form_pov_pu .form-block__input label {
    display: inline-block;
    background: linear-gradient(to right, transparent 7.5em, red 5em);
    border: inset;
}

#form_pov_pu .form-block__input label .form-input[data-input-required] {
    font-weight:bold;
    width: 25em;
    border: none;
    display: block;
    box-shadow: inset 0 0 0 2em white;
}

#form_pov_pu .form-block__input label .form-input[data-input-required]:invalid {
    mix-blend-mode: screen;
}

#form_pov_pu .form-block__input label .form-input[data-input-required]::-webkit-input-placeholder {color: #000 !important;}

#form_pov_pu .form-block__input label .form-input[data-input-required]::-moz-placeholder {color: #000 !important;}*/

/*#form_pov_pu .form-block__input .form-input[data-input-required]::after {
    content: "*";
    display: block;
    color: red;
}*/

.window_otv_box {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 10;
    display: none;
}

.window_otv_bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}

.window_otv {
    width: 100%;
    max-width: 635px;
    position: fixed;
    top: 1%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    right: 33%;
    z-index: 99999;
    height: auto;
    padding: 70px 75px 40px;
    /*box-shadow: 0px 1px 16px 5px #ccc;*/
}

.window_otv .h2 {margin: 0;}

.window_otv .window_otv_body {
    margin: 40px 0 0;
    overflow: auto;
    max-height: 79vh;
}

.window_otv .window_otv_body .highlighted-text {width: 98%;}

.window_otv .fancybox-close-small-otv {
    top: -13px;
}

.window_otv_box.window_otv_box_25 .fancybox-button.fancybox-close-small.fancybox-close-small-otv {background-color: transparent !important;}

#form_pov_pu .form-block__input .form-input[data-input-required]::-webkit-input-placeholder {color: rgba(255, 0, 0, 0.58) !important;}

#form_pov_pu .form-block__input .form-input[data-input-required]::-moz-placeholder {color: rgba(255, 0, 0, 0.58) !important;}

#modalformzakcallback.formzakcallbacknew {
    max-width: 635px;
    width: 100%;
    border-radius: 4px;
    padding: 70px 75px;
}

#formzakcallbacknew .form-block {
    margin-bottom: 20px;
}

#modalformzakcallback.formzakcallbacknew .reception__form .form-block__label {
    width: 22%;
    flex: none;
}

#modalformzakcallback.formzakcallbacknew .checkbox__emulator {margin-right: 2px;}

#modalformzakcallback.formzakcallbacknew .checkbox .c-red {margin-right: 6px;}

#modalformzakcallback.formzakcallbacknew .btn-box {
    margin-top: 55px;
}

#modalformzakcallback.formzakcallbacknew .btn-box .btn.sbmint {margin: 0;}

@media (max-width: 1600px) {

    .window_otv {right: 30%;}

}

@media (max-width: 1440px) {

    .window_otv {right: 28%;}

}

@media (max-width: 1366px) {

    .window_otv {right: 25%;}

}

@media (max-width: 1280px) {

    .steps-pov .steps-img .step-pov {font-size: 20px;}

    .steps-pov .steps-img .step-pov.step4-pov {right: 250px;}

    .steps-pov .steps-img .step-pov.step5-pov {right: 70px;}

    .steps-pov .steps-img .step-pov.step6-pov {right: -110px;}

}

@media (max-width: 1024px) {

    .nav-card-pov .nav-card__title.h5 {font-size: 18px;}

    .nav-card-pov .nav-card__title.h6 {font-size: 16px;}

    .header-pov-col1 {flex: 1 1 65%;}

    .header-pov-col2 {flex: 1 1 35%;}

    .title-pov {font-size: 50px;}

    .text-pov.text-pov-icon img {height: 40px;}

    .btn-pov-box a {width: 280px !important;}

    .steps-pov .title-steps-pov {font-size: 40px;}

    .steps-pov .steps-img {width: 85%;}

    .steps-pov .steps-img .step-pov {
        font-size: 16px;
        width: 180px;
    }

    .steps-pov .steps-img .step-pov.step1-pov {
        bottom: 36px;
        left: 70px;
    }

    .steps-pov .steps-img .step-pov.step2-pov {
        top: 23px;
        left: 215px;
    }

    .steps-pov .steps-img .step-pov.step3-pov {
        bottom: 36px;
        left: 355px;
    }

    .steps-pov .steps-img .step-pov.step4-pov {
        top: 43px;
        right: 95px;
    }

    .steps-pov .steps-img .step-pov.step5-pov {
        bottom: 36px;
        right: -50px;
    }

    .steps-pov .steps-img .step-pov.step6-pov {
        top: 15px;
        right: -190px;
    }

    .header-pov-zamena .text-pov {margin-bottom: 35px;}

    .header-pov-zamena .text-pov:last-child {margin-bottom: 0;}

    .window_otv {right: 19%;}

}

@media (max-width: 768px) {

    .nav-card-pov .nav-card__title.h5 {width: 100%;}

    .nav-card-pov .nav-card__title.h6 {width: 93%;}

    .nav-cards.nav-cards--pov {
        margin-left: 0;
        justify-content: center;
    }

    .nav-cards.nav-cards--pov .nav-card.nav-card--bottom {
        max-width: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    .header-pov-col1 {padding: 30px 30px 30px 0;}

    .title-pov {font-size: 40px;}

    .text-pov.text-pov-icon {margin-bottom: 40px;}

    .btn-pov-box a {
        width: 300px !important;
        font-size: 22px;
        height: 50px !important;
    }

    .header-pov-col2 {background-size: 180%;}

    .steps-pov .steps-img {
        width: 100%;
        background-image: url("/poverka-schetchikov-vody/img/steps-tbl.svg");
        height: 830px;
        background-position: center;
    }

    .steps-pov .steps-img .step-pov {
        font-size: 20px;
        width: 280px;
    }

    .steps-pov .steps-img .step-pov.step1-pov {
        text-align: right;
        bottom: auto;
        left: 70px;
        top: 6px;
    }

    .steps-pov .steps-img .step-pov.step2-pov {
        top: 163px;
        left: auto;
        right: 70px;
    }

    .steps-pov .steps-img .step-pov.step3-pov {
        text-align: right;
        bottom: auto;
        left: 70px;
        top: 312px;
    }

    .steps-pov .steps-img .step-pov.step4-pov {
        top: auto;
        right: 70px;
        bottom: 328px;
    }

    .steps-pov .steps-img .step-pov.step5-pov {
        text-align: right;
        bottom: 174px;
        right: auto;
        left: 70px;
        top: auto;
    }

    .steps-pov .steps-img .step-pov.step5-pov br {display: none;}

    .steps-pov .steps-img .step-pov.step6-pov {
        top: auto;
        right: 70px;
        bottom: -3px;
    }

    .steps-pov .steps-img .step-pov.step6-pov br:first-child, .steps-pov .steps-img .step-pov.step6-pov br:last-child {display: none;}

    .header-pov-col2.header-pov-col2-zamena {background-image: url("/poverka-schetchikov-vody/img/zamena-mob.png");}

    .window_otv {right: 8.5%;}

}

@media (max-width: 600px) {

    .nav-card-pov .nav-card__title.h5 {width: 90%;}

    .header-pov-cont {flex-direction: column;}

    .header-pov-col1 {
        padding: 30px 0 30px 0;
        flex: none;
        width: 100%;
    }

    .title-pov {font-size: 30px;}

    .text-pov.text-pov-icon img {margin-right: 10px;}

    .btn-pov-box a {
        font-size: 18px;
        height: 45px !important;
    }

    .header-pov-col2 {
        flex: none;
        width: 100%;
        height: 400px;
        background-size: cover;
    }

    .text-pov.text-pov-24 {font-size: 22px;}

    #modalformzakcallback.formzakcallbacknew {padding: 40px;}

    #modalformzakcallback.formzakcallbacknew .reception__form .form-block__label {
        margin-bottom: 5px;
        flex-basis: 100%;
        top: 0;
    }

    #modalformzakcallback.formzakcallbacknew .btn-box {margin-top: 35px;}

    .nav-cards.nav-cards--pov .nav-card.nav-card--bottom h2, .nav-cards.nav-cards--pov .nav-card.nav-card--bottom .h6 {font-size: 18px;}

    .steps-pov .steps-img .step-pov {width: 200px;}

    .steps-pov .steps-img .step-pov.step1-pov {left: -10px;}

    .steps-pov .steps-img .step-pov.step2-pov {
        top: 148px;
        right: -10px;
    }

    .steps-pov .steps-img .step-pov.step3-pov {left: -10px;}

    .steps-pov .steps-img .step-pov.step4-pov {
        right: -10px;
        bottom: 328px;
    }

    .steps-pov .steps-img .step-pov.step5-pov  {
        left: -10px;
        bottom: 164px;
    }

    .steps-pov .steps-img .step-pov.step6-pov {
        right: -10px;
        bottom: -13px;
    }

    .window_otv {
        right: 1.5%;
        padding: 40px;
        width: 97%;
    }

}

@media (max-width: 425px) {

    .modal__body .add_ankets {width: 100%; margin-bottom: 10px;}
}

@media (max-width: 375px) {

    .btn-pov-box a {
        width: 300px !important;
        margin-right: 10px !important;
    }

    .btn-pov-box a:last-child {margin-right: 0 !important;}

    .header-pov-col2 {height: 300px;}

    .nav-cards.nav-cards--pov .nav-card.nav-card--bottom {
        max-width: 100%;
        flex-basis: 100%;
        margin-left: 0;
    }

    .steps-pov .title-steps-pov {font-size: 30px;}

    .steps-pov .steps-img .step-pov {
        width: 180px;
        font-size: 18px;
    }

    .steps-pov .steps-img .step-pov.step1-pov {top: 10px;}

    .steps-pov .steps-img .step-pov.step2-pov {top: 154px;}

    .steps-pov .steps-img .step-pov.step3-pov {top: 316px;}

    .steps-pov .steps-img .step-pov.step4-pov {bottom: 326px;}

    /*.steps-pov .steps-img .step-pov.step5-pov  {
        left: -10px;
        bottom: 164px;
    }*/

    .steps-pov .steps-img .step-pov.step6-pov {bottom: -10px;}
}

@media (max-width: 360px) {

    .title-pov {font-size: 35px;}

    .btn.btn-pov {width: 45%;}

    .nav-card-pov .nav-card__wrap {
        padding: 15px;
    }

    .steps-pov .steps-img .step-pov.step1-pov {left: -15px;}

    .steps-pov .steps-img .step-pov.step2-pov {right: -15px;}

    .steps-pov .steps-img .step-pov.step3-pov {left: -15px;}

    .steps-pov .steps-img .step-pov.step4-pov {right: -15px;}

    .steps-pov .steps-img .step-pov.step5-pov  {left: -15px;}

    .steps-pov .steps-img .step-pov.step6-pov {right: -15px;}
}

@media (max-width: 320px) {

    .title-pov {font-size: 30px;}

    .text-pov {font-size: 16px;}

    .text-pov.text-pov-icon img {height: 30px;}

    .btn-pov-box a {
        width: 300px !important;
        font-size: 17px;
    }

    .text-pov.text-pov-24 {font-size: 20px;}

    #modalformzakpov {padding: 50px 20px 30px;}

    .steps-pov .steps-img .step-pov {
        width: 160px;
        font-size: 16px;
    }

    /*.steps-pov .steps-img .step-pov.step1-pov {left: -15px;}

    .steps-pov .steps-img .step-pov.step2-pov {right: -15px;}*/

    .steps-pov .steps-img .step-pov.step3-pov {top: 318px;}

    .steps-pov .steps-img .step-pov.step4-pov {bottom: 330px;}

    .steps-pov .steps-img .step-pov.step5-pov  {bottom: 170px;}

    .steps-pov .steps-img .step-pov.step6-pov {bottom: -6px;}

}