.order-form .fields-form-title .rules {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.order-form .block_info__date {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.fields-info .mobile-title {
    display: none;
    font-size: 16px;
}

.fields-form {
    width: 100%;
}
.order-form .btn-confirm-code-disabled {
    cursor: not-allowed;
}

.order-form .step-button .infinite-loader {
    display: none;
}
.order-form .step-button .create_order-btn {
    display: block;
}
.order-form .step-button.loader-active .create_order-btn {
    display: none;
}

.order-form .step-button.loader-active .infinite-loader {
    display: block;
}
.order-form .step-button.loader-active svg {
    display: none;
}

.order-form .step-button.active svg {
    display: block;
}
.order-form .step-button.active .infinite-loader {
    display: none;
}
.order-form .finish-block .step-button {
    display: none;
}




.order-form .finish-block.active .step-button-disabled {
    display: none;
}
.order-form .finish-block.active .step-button {
    display: flex;
}
.order-form .finish-block .step-button-disabled:hover {
    background: #f0f2f4 !important;
}
.order-form .finish-block .step-button-disabled div {
    margin-top: 24px;
}
.order-form .finish-block .create_order-btn {
    height: 56px;
    margin-top: 25px;
    text-align: center;
    display: block;
}
.order-form .finish-block .step-button-disabled {
    height: 56px;
    text-align: center;
    display: flex;

}
.order-form .step-button-disabled {
    cursor: not-allowed;
}
.order-form .send-code-disabled {
    cursor: not-allowed;
    width: 125px;
}

.order-form .block_phone-send.active .send-code-disabled {
    display: none !important;
}

.order-form .block_phone-send .send-code-disabled {
    /*display: block !important;*/
}

.order-form .block_btn-confirm-code {
    padding-top: 31px;
}
.order-form .block_btn-confirm-code.active .btn-confirm-code {
    display: block !important;
    background-color: #ffd24d;
}

.order-form .block_btn-confirm-code .btn-confirm-code {
    display: none !important;
}

.order-form .block_btn-confirm-code.active .btn-confirm-code-disabled {
    display: none !important;
}

.order-form .block_btn-confirm-code .btn-confirm-code-disabled {
    /*display: block !important;*/
}

.order-form input.disabled {
    background-color: #eee;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.7;
    pointer-events: none;
}

.order-form .send-code-disabled:hover,
.order-form .block-confirm-code .btn-confirm-code-disabled:hover {
    background: #f0f2f4 !important;
}
.order-form .confirm-send-code  {
    font-size: 12px;
    color: red;
    font-weight: 700;
}
.order-form .form-field-row.phone-exist-block {
    margin-top: 0px !important;
}
.order-form .repeat-code-errors .errors {
    font-size: 12px;
    color: red;
}
.order-form .repeat-send-code {
    font-size: 13px;
    color: #000;
    font-weight: 400;
}

.order-form .send-code {
    width: 125px;

}
.order-form .repeat-send-code {
    font-size: 12px;
}
.order-form form div.required label:after {
    content: " *";
    color: red;
    margin-left: 3px;
}
.order-form form .has-error textarea {

}

.order-form form .has-error textarea,
.order-form form .has-error input {
    border: 1px solid red !important;
}
.order-form .form-field-row.step-buttons .back {
    background-color: #F0F2F4;
    width: 60px;
    height: 56px;
}

.order-form .block_phone-send a {
    margin-top: 32px;
}
.order-form .block_phone-send {
    display: flex;
    align-items: flex-start;
}
.order-form .block-confirm-code {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 20px;
}
.order-form .step-three h2 {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    vertical-align: middle;
}
.order-form .form-field-row.step-buttons.separate {
    border-top: 1px solid #efefef;
    margin-top: 25px;
    padding-top: 20px;
}
.order-form .form-field-row.step-buttons .info {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.order-form .help-block {
    font-size: 12px;
    color: red;
    font-weight: 400;
    line-height: 22px;
}

.file-zoom-dialog  {
    display: none;
}

.order-form .js_dropdown_cities .form__text {
    height: 40px;
    border-radius: 8px;
}

.order-form .fields-info__location .has-error input {
    border-color: #fe253c !important;
}
.order-form .file-upload .kv-error-close {
    display: none;
    color: #a94442;
    background-color: #fff;
    margin: 5px;
    border: 1px solid #ebccd1;
    border-radius: 6px;
    padding: 5px;
    font-size: 14px
}
.order-form .file-upload span:first-child {
    display: none;

}
.order-form .fields-info {
    /*display: none;*/
}

.order-form .form-field-row .label,
.order-form .form-field-row label {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 18px;
}

.order-form a.policy {
    color: #ff9933;
    text-decoration: underline;
}

.order-form .form-field-row {

}

.order-form .form-field-row .fields-info__materials {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.order-form .fields-form .form-field-row.materials {
    background-color: #F9FAFB;
    border-radius: 16px;
    padding:8px 0px 8px 16px;
    display: flex;
    flex-direction: row;
    margin-top: 0px;
    margin-bottom: 0px;
}
.order-form .form-field-row .fields-info__zakaz .unchecked-option {
    display:block ;
}
.order-form .form-field-row .fields-info__zakaz .checked-option {
    display: none;
}
.order-form .form-field-row .fields-info__zakaz.checked .unchecked-option {
    display: none;
}
.order-form .form-field-row .fields-info__zakaz.checked .checked-option {
    display: block;
}

.order-form .form-field-row .fields-info__materials .unchecked-option {
    display:block ;
}
.order-form .form-field-row .fields-info__materials .checked-option {
    display: none;
}
.order-form .form-field-row .fields-info__materials.checked .unchecked-option {
    display: none;
}
.order-form .form-field-row .fields-info__materials.checked .checked-option {
    display: block;
}

.order-form .form-field-row .fields-info__type_of_work {
    cursor: pointer;
    display: flex;
    font-family: Open Sans;
    flex-direction: row;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    font-weight: 500;
    border-radius: 8px;
    padding: 9px 12px 9px 12px;
    border: 1px solid #D9DDE3;
    width: 100%;
    color: #999;
    font-size: 14px;
}

.order-form .form-field-row .fields-info__materials div:last-child {
    color: rgba(0, 0, 0, 0.9);
    font-family: Open Sans;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}
.order-form .form-field-row .fields-info__materials {
    max-width: 290px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 10px 6px 0px;
    color: rgba(0, 0, 0, 0.6);
}

.order-form .fields-info__label {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.order-form .fields-info__checkbox_label {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.order-form .fields-info__checkbox_label .label-bold {
    font-weight: 600;
    color: #000;
}

.order-form .fields-info__pro_master {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.order-form p.form-field__description {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.2px;
    margin-top: 5px;
}

.order-form .form-field-row.horizontal.buy-materials {
    align-items: unset;
}
.order-form .form-field-row.horizontal .fields-info__email {
    width: 50%;
}

.order-form .form-field-row.horizontal .fields-info__fio {
    width: 50%;
}

.order-form .form-field-row.horizontal .fields-info__location div:first-child {
    margin-top: -11px;
}
.order-form .form-field-row.horizontal .fields-info__location {
    width: 100%;
}

.order-form .form-field-row.horizontal .fields-info__budget {
    width: 100%;
}

.order-form .form-field-row.horizontal .fields-info__date .form__text {
    border-radius: 12px;
    height: 40px;
}

.order-form .fields-info__city {
    margin-bottom: 3px;
}
.order-form .form-field-row.horizontal .fields-info__date {
    max-width: 200px;
}

.order-form .form-field-row.horizontal .fields-info__city-block .help-block {
    margin-bottom: -22px;
}
.order-form .form_cell__inner_sect.is_date:before {
    top: 43px;
}
.order-form .form-field-row.horizontal .fields-info__city-block {
    width: 400px;
}

.order-form .form-field-row.horizontal .fields-info__buy a {
    font-weight: 600;
    text-decoration: underline;
    color: #FF9900;
}
.order-form .form-field-row.horizontal .fields-info__buy svg {
    margin-bottom: -2px;
}

.order-form .fields-info__buy-materials svg {
    margin-bottom: -3px;
}
.order-form .fields-info__buy-materials a {
    text-decoration: underline;
    color: #ffffff;
}
.order-form .form-field-row.horizontal .fields-info__buy-materials {
    display: flex;
    font-size: 13px;
    flex-direction: row;
    font-weight: 500;
    gap: 7px;
    border-radius: 8px;
    background-color: #337F66;
    color: #ffffff;

    padding-left: 10px;
    padding-right: 10px;
    height: 44px;
    align-items: center;
}
.order-form .form-field-row.horizontal .fields-info__buy {
    display: flex;
    font-size: 14px;
    flex-direction: row;
    font-weight: 500;
    gap: 7px;
    border-radius: 10px;
    background-color: #fff3ec;
    color: #FF9900;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.order-form .file-input .file-preview .file-preview-frame .kv-file-content .file-preview-image {
    width: 100px !important;
}


.order-form .form-field-row.file-upload div:last-child {
    /*display: block !important;*/
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6)
}

.order-form .krajee-default.file-preview-frame .kv-file-content {
    max-height: 100px !important;
    height: 100px !important;
}

.order-form .hint_block {
    left: 50% !important;
}
.order-form .form-field-row .fields-info__upload div:first-child {
    /*margin-bottom: -3px;*/
}

.order-form .form-field-row .fields-info__upload {
    /*width: 270px;*/
}

.order-form .form-field-row .fields-info__text {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
}

.order-form .form-field-row .fields-info__button {
    width: 175px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    border: 1px solid #BBC2CE;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    height: 44px;
    color: #000000;
    cursor: pointer;
}
.order-form .easy-autocomplete.eac-petrovich .easy-autocomplete-container ul li {
    font-size: 14px;
    padding: 5px 15px;
    color: #262626;
    font-weight: 500;
}
.order-form .cities_list .cities_list__items .cities_list__item {
    padding: 5px 15px;
    font-weight: 500;
}
.order-form .cities_list .cities_list__items {
    position: absolute;
    top: 24px;
    background: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(38, 38, 38, 0.2);
    border-radius: 5px;
    z-index: 99;
    font-size: 14px;
    width: 100%;
    max-height: 157px;
    overflow-y: scroll;
    text-align: left;
}
.order-form .file-input .file-preview .file-preview-thumbnails {
    margin-bottom: 10px;
}
.order-form .file-input .file-preview .file-preview-thumbnails div:hover {
    border: 0px;
}
.order-form .file-preview-frame .order-file-remove {
    cursor: pointer;
}
.order-form .file-preview-image:hover {

    border: 0px;
}
.order-form .krajee-default.file-preview-frame .file-thumbnail-footer {
     height: 0px;
}

.order-form .krajee-default.file-preview-frame {
    border: 1px solid #ffffff;
    box-shadow: unset;
}
.order-form  .file-input .file-preview .file-preview-frame .kv-file-content .file-preview-image {
    border-radius: 10px;
}
.order-form .order-file-remove {
    position: relative;
    margin-top: -95px;
    margin-right: 6px;
}


.order-form  .btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.order-form .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.order-form > div.fields-info.step-two.active > div.form-field-row.horizontal.file-upload > div > div > div.file-input.file-input-new.theme-gly > span {
    display: flex;
    flex-direction: row;
}
.order-form .order-form-success__banners .order-form__banners .banner-block a  {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    width: 160px;
    height: 32px;
    vertical-align: middle;
    color: #000;
    background-color: #F0F2F4;
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
}
.order-form .order-form-success__banners .order-form__banners .banner-block:last-child  {
    background-image: url(/media/images/bez_zabot.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 45%;
}
.order-form .order-form-success__banners .order-form__banners .banner-block:nth-child(2)  {
    background-image: url(/media/images/spectr.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 30%;
}
.order-form .order-form-success__banners .order-form__banners .banner-block:first-child  {
    background-image: url(/media/images/vse_remont.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 40%;
}
.order-form .order-form-success__banners .order-form__banners .banner-block__text {
    width: 60%;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.order-form .order-form-success__banners .order-form__banners .banner-block__title {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.order-form .order-form-success__banners .order-form__banners .banner-block {
    display: flex;
    flex-direction: column;
    background-color: #808DA3;
    color: #fff;
    width: 33%;
    height: 208px;
    justify-content: space-between;
    border-radius: 16px;
    padding: 20px;
}
.order-form .order-form-success__banners .order-form__banners {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}
.order-form .order-form-success__wrapper .order-form__success div:first-child {
    background-color: #edfbf7;
    border-radius: 12px;
}
.order-form .order-form-success__wrapper div .form_success__text {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #00000099;
}
.order-form .order-form-success__wrapper .order-form__success div {
    padding: 10px;
}
.order-form .order-form-success__wrapper, .order-form-success__banners {
    display: none;
}
.order-form .order-form-success__wrapper {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 20px;
}
.order-form .order-form-success__wrapper .order-form__success {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.order-form .infinite-loader {
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    border: 5px solid #fff;
    border-radius: 50%;
    border-top-color: #ffd24d;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}
.order-form .order-form-success__wrapper .banner-block {

    padding: 20px;
    border-radius: 16px;
}

.order-form .form-field-row.horizontal.phone-confirmation {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.order-form .phone-confirmation .phone_button {
    height: 40px;
    padding: 4px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
    border-radius: 5px;
    font-size: 14px;
}
.order-form .form-field-row.horizontal.phone-confirmation input {
    width: 255px;

}
.order-form .form-field-row.horizontal.phone-confirmation {
    margin-bottom: 0px;
}
.order-form .form-field-row.vertical {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    gap: 20px;
    /*align-items: flex-end;*/
}
.order-form .form-field-row.horizontal {
    display: flex;
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
    gap: 20px;
    /*align-items: flex-end;*/
}

.order-form .form-contact-group {
    margin-top: 10px;
}
.order-form .form-contact-group {
    padding-top: 15px;
}
.order-form .form-contact-group .fields-form .form-field-row {
    margin-top: 10px;
}
.order-form .form-field-row .step-button svg {
    margin-top: 2px;
}
.order-form .form-field-row .step-button {
    height: 56px;
}
.order-form .form-field-row.step-buttons .info-finish {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}
.order-form .form-field-row.step-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.order-form .steps-form {
    min-width: 495px;
    height: 310px;
}

.order-form .main-title {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #000000;
    margin-bottom: 10px;
}

.order-form .order-form__wrapper .rules {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
}

.order-form .form-steps__wrapper {
    background: #F9FAFB;
    border-radius: 12px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    /*gap: 5px;*/
    padding: 15px;
}

.order-form {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 22px;
    background-color: #F0F2F4;
    padding: 24px
}

.order-form .main-info div:first-child {
    color: #00000099;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    vertical-align: middle;
}

.order-form .main-info.done .icon_active {
    display: none;
}

.order-form .main-info.done .icon_done {
    margin-top: 5px;
    display: block !important;
}
.order-form .main-info.done div {
    color: #337F66;
}

.order-form .main-info.active div:first-child {
    color: #000000;
    font-weight: 700;
}
.order-form .main-info.active {
    -webkit-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    border-radius: 10px;
    background-color: #ffffff;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
}
.order-form .steps-form {
    padding: 24px 32px 24px 32px;
    border-radius: 22px;
    background-color: #ffffff;
}

.order-form .fields-form-title {
    /*display: none;*/
}
.order-form .fields-form {
    padding: 14px 15px 24px 20px;
    border-radius: 22px;
    background-color: #ffffff;
}

.order-form .form-steps__wrapper .main-info .icon_done ,
.order-form .form-steps__wrapper .main-info.active .icon_done {
    display: none;
}

.order-form .form-steps__wrapper .main-info.active .icon_active  {
    display: block !important;
}

.order-form .form-steps__wrapper .main-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    cursor: pointer;
}

.order-form__wrapper {
    gap: 24px;
    display: flex;
    flex-direction: row;
}

.order-form .fields-form .form-field-row.repeat-code {
    margin-top: 0px;
    margin-bottom: 0px;
}
.order-form .fields-form .form-field-row {
    margin-top: 20px;
    margin-bottom: 20px;
}

.order-form .fields-info.active {
    display: block;
}

.order-form .fields-info {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    vertical-align: middle;
}


.order-form .required .has-star:not(.custom-control-label):not(.custom-file-label)::after, .is-required::after {
    font-size: 16px;
    color: #ff2700;
}

.order-form .select2-container--krajee .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.3);
}

.order-form .select2-container--krajee .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
}

.order-form .select2-container--krajee .select2-selection {
    box-shadow: unset !important;
    padding-top: 9px;
    border: 1px solid #edeef0;
}

.order-form .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    margin-left: -15px;
    margin-top: 2px;
    border-color: #000000 transparent transparent transparent;
}

.order-form .select2-container--krajee .select2-selection--single {
    height: 40px;
}


.order-form .fields-form .fields-info__checkbox.disabled .label-bold {
    color: rgba(0, 0, 0, 0.3);
}
.order-form .fields-form .fields-info__checkbox.disabled .checked,
.order-form .fields-form .fields-info__checkbox.disabled .unchecked {
    display: none;

}
.order-form .fields-form .fields-info__checkbox .unchecked,
.order-form .fields-form .fields-info__checkbox .checked {
    min-width: 18px !important;
}
.order-form .fields-form .fields-info__checkbox .checkbox-disabled {
    display: none;
    min-width: 18px !important;
}
.order-form .fields-form .fields-info__checkbox.disabled .checkbox-disabled {
    display: block;
}
.order-form .fields-form .fields-info__checkbox {
    display: flex;
    gap: 10px;
    flex-direction: row;
    cursor: pointer;
}

.order-form .fields-form .form-label {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #737889;
    padding-bottom: 5px;
}

.order-form .phone-confirmed {
    margin-top: 38px;
    color: #337F66;
    font-size: 14px;

}
.order-form .fields-form .form-input {
    height: 40px;
    border-radius: 8px;
    padding: 9px 12px 9px 12px;
    border: 1px solid #D9DDE3;
    width: 100%;
    /*color: #999;*/
    font-size: 14px;
}

.order-form .fields-form .fields-info__header .files-count {
    color: rgba(0, 0, 0, 0.5)
}
.order-form .fields-form .fields-info__header .label {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding-top: 10px;

}

.order-form .fields-form .fields-info__header .required-star {
    width: 20px;
    margin-top: -14px;
}

.order-form .form-field-row.horizontal .fields-info__zakaz p {
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    vertical-align: middle;
}

.order-form .form-field-row.horizontal .fields-info__zakaz div {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.order-form .form-field-row.horizontal .fields-info__zakaz.checked {
    border: 1px solid #FFD65C;
    background-color: #FFEFBF;
}

.order-form .form-field-row.horizontal .fields-info__zakaz {
    gap: 15px;
    align-items: center;
    border-radius: 10px;
    width: 50%;
    padding: 10px 15px 10px 15px;
    display: flex;
    flex-direction: row;
    background-color: #D9DDE3;
    border: 1px solid #9DA7B8;
    cursor: pointer;
}

.order-form .fields-form .fields-info__has_maket .checkbox.not-enclosed {
    padding-left: 10px;
}

.order-form .fields-form .fields-info__has_maket {
    display: flex;
    flex-direction: row;
    padding: 12px 20px 12px 10px;
    font-size: 14px;
    font-weight: 500;

    gap: 7px;
    border-radius: 10px;
    background-color: #F7F8F9;
    color: #FF9900;
}

.order-form .fields-form .fields-info__header {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    margin-top: 20px;
}

.order-form .fields-form .fields-info__phone {
    padding-top: 10px;
    padding-right: 20px;
}
.order-form .fields-form .fields-info__phone label {
    margin-bottom: 5px;
}
.order-form .fields-form .fields-info__phone .field-orderform-number {
    display: flex;
    flex-direction: column;
}
.order-form .fields-form .fields-info__phone input {
    height: 40px;
    border-radius: 8px;
    padding: 9px 12px 9px 15px;
    border: 1px solid #4F5A6D;
    /*width: 100%;*/
    color: #000000;
    font-size: 14px;
}

.order-form .fields-form .form-input::placeholder,
.order-form .fields-form .form-textarea::placeholder {
    color: rgba(0, 0, 0, 0.3);
    font-weight: 500;
}


.order-form .step-one .fields-info__type_of_work div.black,
.order-form .step-one .fields-info__type_of_work div.selected {
    color: #000 !important;
    font-weight: 600 !important;
}
.order-form .step-one .fields-info__type_of_work div:first-child { font-weight: 500; color: rgba(0, 0, 0, 0.3); }

.order-form .fields-form .form-textarea::-webkit-input-placeholder  { font-weight: 500; color: rgba(0, 0, 0, 0.3); }
.order-form .fields-form .form-textarea::-moz-placeholder  { font-weight: 500; color: rgba(0, 0, 0, 0.3); }
.order-form .fields-form .form-textarea:-ms-input-placeholder { font-weight: 500; color: rgba(0, 0, 0, 0.3); }

.order-form .fields-form .form-input::-webkit-input-placeholder  { font-weight: 500; color: rgba(0, 0, 0, 0.3); }
.order-form .fields-form .form-input::-moz-placeholder  { font-weight: 500; color: rgba(0, 0, 0, 0.3); }
.order-form .fields-form .form-input:-ms-input-placeholder { font-weight: 500; color: rgba(0, 0, 0, 0.3); }

.order-form .sub-title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
.order-form .fields-form .form-textarea {
    border-radius: 8px;
    padding: 9px 12px 30px 12px;
    width: 100%;
    border: 1px solid #D9DDE3;
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

.order-form .fields-form select2-container--krajee .select2-selection {
    border-radius: 8px;
}

.order-form .fields-form select .form-select {
    height: 40px;
    padding: 9px 12px 9px 12px;
    border: 1px solid #D9DDE3;
    width: 100%;
}

.order-form .skills-wrapper {
    display: flex;
    flex-direction: row;
    padding: 15px;
}

.order-form .skill-popup .popup_title {
    margin-left: 20px;
}
.order-form .skill-popup .ic--close {
    width: 10px !important;
    margin-right: 10px;
}
.order-form .skill-popup {
    background: #FFCC33;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block div:last-child {
    padding-top: 10px;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block .skill-up {
    display: none;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block.active .skill-up {
    display: block;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block.active .skill-down {
    display: none;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block .skill-down {
    display: block;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block.active {
    background-color: #F0F2F4;
}

.order-form .skills-wrapper .skills-wrapper__section .skill-block {
    cursor: pointer;
    align-items: center;
    /*margin-right: 10px;*/
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.order-form .skills-wrapper .skills-wrapper__section .skill-block .skill-block__selected {
    margin-top: -10px;
    width: 20px;
}
.order-form .skills-wrapper .skills-wrapper__section .skill-block div:last-child {
    margin-top: -10px;
    width: 20px;
    text-align: right;
}
.order-form .skills-wrapper .skills-wrapper__subsection .skill-type-block__type {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.order-form .skills-wrapper .skills-wrapper__subsection .skill-type-block__sub div.active,
.order-form .skills-wrapper .skills-wrapper__subsection .skill-type-block__sub div:hover {
    border-radius: 6px;
    background-color: #F7F8F9;
}

.order-form .has-error .fields-info__type_of_work {
    border: 1px solid red !important;
}
.order-form .fields-info__type_of_work .black {
    color: #000000;
    font-weight: 600;
}
.order-form .fields-info__type_of_work .selected {
    color: #000;
    font-weight: 600;
}
.new_city_popup.mobile .skills-wrapper__section {
    border-right: 0px !important;
}
.new_city_popup.mobile {
    width: fit-content;
}

.order-form .skills-wrapper .skills-wrapper__subsection .skill-type-block__sub div {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    padding: 6px 10px 6px 10px;
}


.modal-wrapper.mobile {
    background: #fff;
    padding: 10px;
    border: 10px;
    border: 0px;
}
.order-form .skills-wrapper .skill-type-block__sub.mobile div {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-left: 15px;
    padding: 4px;
}
.order-form .skills-wrapper .skills-wrapper__subsection .skill-type-block__sub {
    height: 400px;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 20px 35px;
    flex-wrap: wrap;
}

.order-form .skills-wrapper .skills-wrapper__section {
    width: 310px;
    border-right: 2px solid #efefef;
    display: flex;
    flex-direction: column;
    padding: 5px;
    padding-top: 25px;
}

.order-form .icon_active {
    margin-right: 5px;
    margin-top: 5px;
}

.order-form .date-title {
    display: none;
}
.order-form .skills-wrapper .skill-block__name {
    font-family: Open Sans;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
}
.order-form .modal-wrapper .skill-popup {
    background-color: #fff;
}

.fields-info .title {
    display: none;
}

.fields-info .title-mobile {
    display: none;
}


@media (max-width: 1024px) {

    .order-form .fields-form .fields-info__phone {
        padding-right: 0px;
    }
    .order-form .order-form__success .new_button {
        width: auto !important;
    }

    .order-form .phone-confirmed {
         margin-top: 0px;
    }

    .order-form .hint_block {
        left: 0% !important;
    }

    .order-form .form-field-row.horizontal .fields-info__city-block {
        width: auto;
    }

    .order-form .form-field-row.horizontal .fields-info__budget {
        margin-top: -15px;
    }

    .order-form .form-field-row.step-buttons.separate {
        border-top: 0px;
        margin-top: 0px;
        padding-top: 0px;
    }
    .order-form .form-field-row.step-buttons .info {
        margin-top: 15px;
    }
    .order-form .send-code-disabled,
    .order-form .btn-confirm-code {
        text-align: center;
    }

    .order-form .step-three .step-buttons.separate {
        border-top: 1px solid #efefef !important;
        margin-top: 23px !important;
    }

    .order-form .step-three h2 {
        padding-top: 10px;
        font-family: Open Sans;
        font-weight: 700;
        font-size: 16px;
    }

    .order-form .finish-block .step-button {
        width: 100% !important
    }

    .fields-info .title-desktop {
        display: none;
    }

    .order-form .skill-block.mobile .skill-down {
        display: block;
    }
    .order-form .skill-block.mobile.active .skill-down {
        display: none;
    }
    .order-form .skill-block.mobile .skill-up {
        display: none;
    }
    .order-form .skill-block.mobile.active .skill-up {
        display: block;
    }
    .order-form .modal-wrapper {
        background: #ffffff;
        border-radius: 0px;
        top: 0%;
    }
    .order-form .skills-wrapper .skill-type-block__sub.mobile .skills-wrapper__section {
        border-right: 0px;
    }


    .order-form .skills-wrapper .skills-wrapper__section .skill-block {
        padding-right: 6px;
    }

    .order-form .skill-popup .popup_title {
        margin-left: 0px;
    }
    .order-form .modal-wrapper .skills-wrapper {
        width: 100%;
        display: block;
        padding: 0px;
    }
    .order-form .modal-wrapper {
        top: 50%;
        height: 100%;
    }

    .order-form .order-form__success div:last-child {
        width: 100%;
    }
    .order-form .order-form-success__banners .order-form__banners .banner-block {
        width: 100%;
    }
    .order-form .order-form-success__banners .order-form__banners {
        flex-direction: column;
        gap: 20px;
    }
    .order-form .fields-info__date label {
        display: none;
    }
    .order-form .date-title {
        display: block;
        font-size: 14px;
        margin-bottom: -21px;
        color: rgba(0, 0, 0, 0.5);
    }
    .order-form .block_info__date {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }
    .order-form .fields-info__location {
        margin-top: 15px;
    }
    .order-form .step-two .form-field-row.horizontal {
        flex-direction: column;
    }
    .order-form .form-contact-group .form-field-row.horizontal {
        gap: 0px;
    }
    .order-form .form-field-row.horizontal .fields-info__email,
    .order-form .form-field-row.horizontal .fields-info__fio {
        width: 100%;
    }
    .order-form .fields-form {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
    }
    .order-form .fields-form .form-field-row {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .order-form {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .order-form .block_btn-confirm-code .phone_button {
        height: 40px;
        padding: 6px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5%;
        border-radius: 5px;
        font-size: 14px;
    }
    .order-form .block_btn-confirm-code a:last-child {
        text-align: center;
    }
    .order-form .block_btn-confirm-code {
        width: 100%;
        padding-top: 10px !important;
    }
    .order-form .form-field-row.step-buttons .finish-block  {
        display: flex;
    }
    .order-form .finish-block .step-button-disabled div {
        margin-top: 24px !important;
    }
    .order-form .form-field-row.step-buttons div .step-button-disabled {
        width: 100% !important;
    }
    .order-form .form-field-row.step-buttons .finish-block {
        /*width: 100% !important;*/
    }
    .order-form .form-field-row.step-buttons {
        /*gap: 0px !important;*/
        /*flex-direction: column !important;*/
    }
    .order-form .block-confirm-code div a,
    .order-form .block-confirm-code div:first-child {
        width: 100%;
    }
    .order-form .block-confirm-code {
        flex-direction: column !important;
        gap: 0px !important;
    }
    .order-form .block_phone-send {
        align-items: normal !important;
    }
    .order-form .form-field-row.horizontal.phone-confirmation input {
        width: 100% !important;
    }
    .order-form .block_phone-send a {
        margin-top: 15px !important;
        width: 100%;
    }
    .order-form .block_phone-send .fields-info__confirm {
        width: 100%;
    }
    .order-form .block_phone-send {
        flex-direction: column;
    }
    .order-form .form-field-row.horizontal.phone-confirmation {
        flex-direction: column !important;
    }
    .order-form .order-placed .form-field-row.horizontal .fields-info__zakaz {
        width: 100%;
    }
    .order-form .order-placed .form-field-row.horizontal {
        flex-direction: column;
    }

    .order-form .form-field-row.step-buttons {
        /*justify-content: space-between;*/
    }
    .order-form .form-field-row.step-buttons .back {
        /*width: 100% !important;*/
    }
    .order-form .form-field-row .fields-info__button {
        width: 100% !important;
        justify-content: center !important;
    }
    .order-form .project-type {
        flex-direction: column;
    }
    .order-form .file-input span {
        flex-direction: column;
    }
    .order-form .file-preview .file-preview-frame .kv-file-content .file-preview-image {
        width: 90px;
        height: 90px;
    }
    .order-form .file-preview .file-preview-thumbnails {
        flex-direction: row;
    }
    .order-form .form-field-row.horizontal.buy-materials {
        flex-direction: column;
    }
    .order-form .fields-form .form-field-row.materials {
        flex-direction: column !important;
        gap: 10px;
    }

    .order-form .step-three .finish-block {
        width: 100%;
    }
    .order-form .step-three .step-buttons {
        flex-direction: column;
    }

    .order-form .fields-info.step-two .step-buttons div:last-child  a,
    .order-form .fields-info.step-two .step-buttons div:last-child  a,
    .order-form .fields-info.step-two .step-buttons div:last-child {
        width: 100% !important;
    }

    .order-form .fields-info.step-one .step-buttons div:last-child {
        width: 100%;
    }
    .order-form .fields-info.step-one .step-buttons div:first-child {
        width: 100%;
    }
    .order-form .fields-info.step-one .step-buttons .step-button {
        width: 100%;
    }
    .order-form .fields-info.step-one .step-buttons {
        justify-content: flex-end;
    }
    .wrapper-width {
        margin-top: 10px !important;
    }
    .wrapper-width .order-form {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0px;
    }
    .steps-form {
        display: none;
    }

    .order-form .fields-form-title .main-title {
        font-size: 16px ;
    }
    .fields-info .title {
        display: block;
    }
    .fields-info .title-mobile {
        font-size: 16px !important;
        display: block !important;
    }

    .order-form .new_button {
        /*width: auto !important;*/
    }
    .order-form .fields-form-title {
        padding: 14px 15px 24px 20px;
        border-radius: 22px;
        background-color: #ffffff;
        margin-bottom: 20px;
        /*display: block !important;*/
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
    }

    .modal-wrapper__close .close-button {
        padding: 10px;
        background-color: #efefef;
        border-radius: 10px;
        height: 30px;
    }
    .order-form .skill-popup .ic--close {
        margin-right: 0px;
        margin-top: -25px;
    }
    .order-form .modal-wrapper .skills-wrapper__section {
        width: unset;
        border-right: 0px;
        overflow-y: scroll;
        max-height: 600px;
    }
}

.propetrovich_theme.ui-datepicker th span {
    color: rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.propetrovich_theme.ui-datepicker th {
     line-height: 25px !important;
}

.ui-datepicker .ui-datepicker-title {
    margin-top: 2px !important;
}

.propetrovich_theme.ui-datepicker {
    padding: 10px !important;
    border: 0px !important;
    border-radius: 10px !important;
}

.propetrovich_theme.ui-datepicker .ui-state-default {
    font-weight: 600 !important;
}

.propetrovich_theme.ui-datepicker .ui-datepicker-calendar thead tr {
    border-bottom: 1px solid #efefef;
}
.propetrovich_theme.ui-datepicker td a {
    border-radius: 10px !important;
}