/*pop*/
#order.pop-blue, #anypay.pop-blue {
    background: #EDF1F5;
    font-family: "NTSomic-Regular";
    position: relative;
    padding: 18px 24px;
    width: 100%;
    max-width: 790px;
}

#order.pop-blue .row, #anypay.pop-blue .row {
    --bs-gutter-x: 16px;
}
#order.pop-blue .carousel__button.is-close, #anypay.pop-blue .carousel__button.is-close {
  background-color: #BE182E;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.311086 0.311307C0.510334 0.112119 0.780536 0.000221592 1.06227 0.000221592C1.34401 0.000221592 1.61421 0.112119 1.81346 0.311307L8.49977 6.99762L15.1861 0.311307C15.2841 0.209828 15.4013 0.128884 15.531 0.0731995C15.6606 0.0175149 15.8 -0.0117955 15.9411 -0.0130214C16.0822 -0.0142473 16.2221 0.0126357 16.3527 0.0660592C16.4832 0.119483 16.6019 0.198377 16.7016 0.298138C16.8014 0.397899 16.8803 0.516529 16.9337 0.647106C16.9871 0.777683 17.014 0.917593 17.0128 1.05867C17.0116 1.19975 16.9823 1.33917 16.9266 1.4688C16.8709 1.59843 16.7899 1.71567 16.6885 1.81368L10.0021 8.49999L16.6885 15.1863C16.882 15.3867 16.9891 15.6551 16.9867 15.9337C16.9843 16.2123 16.8725 16.4787 16.6755 16.6757C16.4785 16.8727 16.212 16.9845 15.9334 16.9869C15.6549 16.9893 15.3865 16.8822 15.1861 16.6887L8.49977 10.0024L1.81346 16.6887C1.61307 16.8822 1.34468 16.9893 1.0661 16.9869C0.787513 16.9845 0.521024 16.8727 0.324028 16.6757C0.127032 16.4787 0.0152903 16.2123 0.0128694 15.9337C0.0104486 15.6551 0.117543 15.3867 0.311086 15.1863L6.9974 8.49999L0.311086 1.81368C0.111898 1.61443 0 1.34423 0 1.06249C0 0.780758 0.111898 0.510555 0.311086 0.311307Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 50px;
  border-radius: 0;
  right: 0;
  top: 0;
}
#order.pop-blue .carousel__button.is-close svg, #anypay.pop-blue .carousel__button.is-close svg {
  display: none;
}

#order.pop-blue .carousel__button.is-close svg, #anypay.pop-blue .carousel__button.is-close svg {
    display: none;
}

.pop-trans {
    font-family: "NTSomic-Regular";
    position: relative;
    width: 100%;
    max-width: 600px;
    padding: 0;
    background: #EDF1F5;
}
.pop-trans .request-content {
    padding: 0;
    max-width: 100% !important;
}
.pop-trans .request-item {
    padding: 78px 50px 36px 50px;
}
.pop-trans .request-item.good {
    background: none;
}
.pop-trans .request-item.yello {
    background: none;
    padding-left: 24px;
    padding-right: 24px;
}
.pop-trans .carousel__button.is-close {
    background-color: #BE182E;
    width: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.311086 0.311307C0.510334 0.112119 0.780536 0.000221592 1.06227 0.000221592C1.34401 0.000221592 1.61421 0.112119 1.81346 0.311307L8.49977 6.99762L15.1861 0.311307C15.2841 0.209828 15.4013 0.128884 15.531 0.0731995C15.6606 0.0175149 15.8 -0.0117955 15.9411 -0.0130214C16.0822 -0.0142473 16.2221 0.0126357 16.3527 0.0660592C16.4832 0.119483 16.6019 0.198377 16.7016 0.298138C16.8014 0.397899 16.8803 0.516529 16.9337 0.647106C16.9871 0.777683 17.014 0.917593 17.0128 1.05867C17.0116 1.19975 16.9823 1.33917 16.9266 1.4688C16.8709 1.59843 16.7899 1.71567 16.6885 1.81368L10.0021 8.49999L16.6885 15.1863C16.882 15.3867 16.9891 15.6551 16.9867 15.9337C16.9843 16.2123 16.8725 16.4787 16.6755 16.6757C16.4785 16.8727 16.212 16.9845 15.9334 16.9869C15.6549 16.9893 15.3865 16.8822 15.1861 16.6887L8.49977 10.0024L1.81346 16.6887C1.61307 16.8822 1.34468 16.9893 1.0661 16.9869C0.787513 16.9845 0.521024 16.8727 0.324028 16.6757C0.127032 16.4787 0.0152903 16.2123 0.0128694 15.9337C0.0104486 15.6551 0.117543 15.3867 0.311086 15.1863L6.9974 8.49999L0.311086 1.81368C0.111898 1.61443 0 1.34423 0 1.06249C0 0.780758 0.111898 0.510555 0.311086 0.311307Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 50px;
    border-radius: 0;
    right: 0;
    top: 0;
}





#order,#anypay {
@charset "UTF-8";

    /* Скрываем все шаги по умолчанию */

    .steps-1,
    .steps-2,
    .steps-3,
    .steps-4,
    .steps-5,
    .steps-6 {
        display: none;
    }

    /* Активный шаг */

    .steps-active {
        display: block;
    }


    .pop-title, .pop-titlenotif {
        font-family: "NTSomic-Medium";
        font-weight: 400;
        font-style: Medium;
        font-size: 30px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252525;
        margin: 0 0 48px 0;
    }
    .pop-titlenotif{ margin-bottom: 8px;}
    .titlenotif { margin-bottom: 40px;}

    @media (max-width: 768px) {
        .pop-title {
            font-size: 25px;
            margin-bottom: 25px;
        }
        .titlenotif{ margin-bottom: 20px;}
    }

    .form-title-small {
        font-weight: 400;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        color: #252525;
        letter-spacing: 0%;
        display: block;
        margin-bottom: 10px;
    }

    @media (max-width: 768px) {
        .form-title-small.mb0 {
            margin-bottom: 0;
        }
    }

    .steps {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px;
        margin: 0 auto;
        min-height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

    .step-circle {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #929DA8;
        background: #EDF1F5;
    }

    .step.active .step-circle {
        background: #252525;
        border-color: #252525;
    }

    .step-line {
        position: absolute;
        left: 16px;
        width: 40px;
        height: 2px;
        background: #929DA8;
    }

    .step.active .step-line {
        background: #252525;
    }

    .btn-red {
        height: 50px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .btn-red .title {
        font-family: "NTSomic-Medium";
    }



    .icon-center {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        gap: 2px 6px;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }

    .icon-center svg {
        display: block;
    }

    .icon-center .text {
        width: 100%;
        font-weight: 400;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .pay-row {
        gap: 12px 0;
        margin-bottom: 32px;
    }

    .row-order {
        margin-bottom: 32px;
        gap: 20px 0;
    }

    .g-6 {
        gap: 0 6px;
    }

    .bolder {
        font-family: "NTSomic-Medium";
    }

    @media (max-width: 576px) {
        .bolder {
            white-space: nowrap;
        }
    }

    .form-row {
        margin-bottom: 33px;
        gap: 12px 0;
    }

    .form-bron {
        margin-bottom: 32px;
    }

    .form-bron.mb16 {
        margin-bottom: 16px;
    }

    @media (max-width: 768px) {
        .form-bron {
            gap: 16px 0;
            margin-bottom: 16px;
        }

        .form-bron.form-bron-32 {
            margin-bottom: 32px;
        }
    }

    .info-price {
        padding-left: 28px;
        color: #252525;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .btn-gray {
        border: 1px solid #929DA8;
        color: #929DA8;
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 53px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0 10px;
    }

    .btn-gray:hover {
        background: #fff;
        border: 1px solid #BE182E;
        color: #BE182E;
    }

    .step-title {
        font-family: "NTSomic-Medium";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #000;
        margin-bottom: 20px;
    }

    .order-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }

    .order-block .photo {
        width: 100%;
        max-width: 167px;
    }

    .order-block .photo img, .steps-6 .photo img{
        max-width: 100%;
        height: auto;
    }

    .order-block .info {
        margin-left: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .order-block .info .title {
        color: #252525;
        font-weight: 400;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        margin: 0 0 8px 0;
    }

    .order-block .info .sub-title {
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #929DA8;
        margin-bottom: 10px;
    }

    .order-block .price {
        font-weight: 400;
        font-style: Regular;
        font-size: 24px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #BE182E;
        margin-top: auto;
    }

    .order-block .info-route .title {
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        margin: 0 0 8px 0;
        color: #929DA8;
    }

    .order-block .info-route .route-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 8px;
    }

    .order-block .info-route .route-item:last-child {
        margin-bottom: 0;
    }

    .order-block .info-route .route-item .text {
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252525;
    }

    .order-block .info-route .route-item .divider {
        margin: 0 10px;
        background: url("data:image/svg+xml,%3Csvg width='21' height='8' viewBox='0 0 21 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.18201C0.223858 3.18201 0 3.40586 0 3.68201C0 3.95815 0.223858 4.18201 0.5 4.18201V3.68201V3.18201ZM20.8536 4.03556C21.0488 3.8403 21.0488 3.52372 20.8536 3.32845L17.6716 0.146473C17.4763 -0.0487893 17.1597 -0.0487893 16.9645 0.146473C16.7692 0.341735 16.7692 0.658318 16.9645 0.85358L19.7929 3.68201L16.9645 6.51043C16.7692 6.7057 16.7692 7.02228 16.9645 7.21754C17.1597 7.4128 17.4763 7.4128 17.6716 7.21754L20.8536 4.03556ZM0.5 3.68201V4.18201H20.5V3.68201V3.18201H0.5V3.68201Z' fill='%23929DA8'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
        width: 21px;
        height: 8px;
        display: block;
    }

    .order-block .info-route .route-item .circle {
        width: 2px;
        height: 2px;
        display: block;
        background: #929DA8;
        margin: 0 8px;
    }

    .order-info {
        margin-bottom: 33px;
    }

    @media (max-width: 768px) {
        .order-info {
            margin-bottom: 20px;
        }
    }

    .order-info .text {
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #929DA8;
        margin-top: 8px;
    }

    .order-info .number {
        font-weight: 400;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252525;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 10px 0;
    }

    .order-info .number span {
        font-family: "NTSomic-Medium";
    }

    .order-info .number .price {
        margin-left: 6px;
        color: #BE182E;
        margin-right: 16px;
        font-family: "NTSomic-Medium";
    }

    .order-info .number .date-info {
        color: #252525;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .form-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px 0;
    }

    .form-group-animate {
        position: relative;
    }

    .form-group-animate .form-control {
        height: 54px;
        padding-top: 30px !important;
    }

    .form-group-animate .form-control.form-control-textarea {
        height: 186px;
        resize: none;
    }

    @media (max-width: 768px) {
        .form-group-animate .form-control.form-control-textarea {
            height: 87px;
        }
    }

    .form-group-animate .form-control.form-control-textarea-small {
        height: 104px;
        resize: none;
    }

    @media (max-width: 768px) {
        .form-group-animate .form-control.form-control-textarea-small {
            height: 87px;
        }
    }

    .form-group-animate label {
        position: relative;
    }

    .form-group-animate span {
        font-weight: 400;
        font-style: Regular;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        position: absolute;
        top: 0px;
        -webkit-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
        color: #929DA8;
        top: 0px;
        padding-left: 1rem;
        cursor: text;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .form-group-animate span i {
        font-style: normal;
        color: #929DA8;
    }

    .form-group-animate input.has-value + span,
    .form-group-animate input:focus + span,
    .form-group-animate textarea.has-value + span,
    .form-group-animate textarea:focus + span {
        opacity: 1;
        -webkit-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
        font-size: 10px;
        cursor: default;
        top: 0px;
    }
    .custom-form-grid {
        display: grid;
        grid-template-columns: 1fr 300px; /* ПК — две колонки */
        gap: 20px;
        align-items: stretch;
    }

    .custom-form-grid .form-left {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .custom-form-grid .form-right {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .custom-form-grid .form-right img {
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    @media (max-width: 767.98px) {
        .custom-form-grid {
            grid-template-columns: 1fr; /* одна колонка */
        }
        .custom-form-grid .form-right {
            justify-content: center;
            margin-top: 10px;
        }
        .custom-form-grid .form-right img {
            margin: 0 auto;
        }
    }



}
.btn-white {
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #BE182E;
}

.btn-white:hover {
    color: #ffffff;
}

.btn-white .title {
    font-family: "NTSomic-Medium";
}

.btn-white:hover svg path {
    fill: #fff;
}
/*попапы*/
.request-content {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 400px;
    padding: 20px 0;
}

.btn-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.req a {
    text-decoration: underline !important;
    cursor: pointer;
}
.request-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.request-item {
    font-size: 14px;
    text-align: center;
}

.request-item.good {
    background: #CFFFD8;
}

.request-item.yello {
    background: #FFF7CF;
}

.request-item.yello .request-content {
    max-width: 476px;
}

.request-item .phone a {
    color: #BE182E;
    font-family: "NTSomic-Medium";
}

.request-item .phone a:hover {
    color: #252525;
}

.request-item .request-title {
    font-size: 25px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    font-family: "NTSomic-Medium";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
    color: #0FC530;
}

.request-item .request-title svg {
    margin-right: 10px;
}

.request-item .request-title.yello {
    color: #E4980B;
}

.request-item .red {
    color: #BE182E;
}

.request-item .black {
    color: #252525;
    font-family: "NTSomic-Medium";
}

.request-item .gray {
    color: #929DA8;
}

.request-item .green {
    color: #0FC530;
}

.request-item .item {
    margin-bottom: 10px;
}

.request-item .item:last-child {
    margin-bottom: 0;
}

.request-item .button-block {
    margin-top: 22px;
}

.request-item .button-block .row {
    gap: 10px 0;
}
.fancybox__container {
    z-index: 999 !important;
}